CSS 针对谷歌浏览器(Chrome) safari的webkit核心浏览器CSS hack
2011-08-23 10:51
549 查看
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Webkit内核兼容CSS */
}
举例如下:
@media screen and (-webkit-min-device-pixel-ratio:0) {
.yangshi1{color:#f00}
.yangshi2{border:1px solid #f00;}
.yangshi3{background:#f00;}
}
html代码如下
<div class="yangshi1"></div>
<div class="yangshi21"></div>
<div class="yangshi3"></div>
新增加一个:OPERA浏览器 CSS HACK
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
}
/* Webkit内核兼容CSS */
}
举例如下:
@media screen and (-webkit-min-device-pixel-ratio:0) {
.yangshi1{color:#f00}
.yangshi2{border:1px solid #f00;}
.yangshi3{background:#f00;}
}
html代码如下
<div class="yangshi1"></div>
<div class="yangshi21"></div>
<div class="yangshi3"></div>
新增加一个:OPERA浏览器 CSS HACK
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
}
相关文章推荐
- CSS 针对谷歌浏览器(Chrome) safari的webkit核心浏览器CSS hack
- 针对Chrome和Safari等Webkit核心浏览器的CSS hack代码
- CSS 针对谷歌或者360(Chrome) safari的webkit核心浏览器 兼容性处理
- 针对特定浏览器起作用的CSS: IE Chrome Firefox CSS Hack
- 针对特定浏览器起作用的CSS: IE Chrome Firefox CSS Hack
- webkit核心浏览器css兼容问题解决方案
- [HTML][CSS]史上最全的css hack(ie6-9,firefox,chrome,opera,safari)
- CSS gradient渐变之webkit核心浏览器下的使用以及实例
- CSS gradient渐变之webkit核心浏览器下的使用
- 针对谷歌浏览器Chrome的CSS hack 转
- CSS gradient渐变之webkit核心浏览器下的使用
- CSS gradient渐变之webkit核心浏览器下的使用
- ie chrome firfox css兼容-iecss样式修复-针对特定浏览器引入对应的css
- css中@media写法在ie 、firefox、Opera、Chrome、Safari 浏览器中的支持
- CSS gradient渐变之webkit核心浏览器下的使用
- Webkit是什么?(Chrome浏览器的核心)
- CSS gradient渐变之webkit核心浏览器下的使用
- CSS gradient渐变之webkit核心浏览器下的使用
- 针对谷歌浏览器Chrome的CSS hack
- CSS gradient渐变之webkit核心浏览器下的使用