`

CSS hack only for Chrome

    博客分类:
  • CSS
 
阅读更多

转贴:http://stackoverflow.com/a/23594288

@media all and(-webkit-min-device-pixel-ratio:0)and(min-resolution:.001dpcm){#selector {
        background: red;}}

如果用
@media screen and(-webkit-min-device-pixel-ratio:0) {
    #selector {
        background: red;}
}
会针对Chrome和Safari起作用,不止是Chrome.

 

 

分享到:
评论

相关推荐

    css_hack csshack技术

    ### CSS Hack 技术详解及应用 #### 一、引言 随着互联网技术的发展,Web前端开发变得越来越重要。然而,在实际开发过程中,一个不容忽视的问题便是**跨浏览器兼容性**。由于不同浏览器(包括同一浏览器的不同版本...

    CSS 针对谷歌浏览器(Chrome) safari的webkit核心浏览器CSS hack.txt )

    ### CSS Hack针对WebKit核心浏览器(如Chrome与Safari)的应用详解 #### 一、引言 随着前端技术的发展,浏览器兼容性一直是开发者面临的重要问题之一。由于不同浏览器内核对CSS的支持程度存在差异,为了确保网页在...

    Chrome的hack写法以及CSS的支持程度图示

    ### Chrome的Hack写法及CSS支持程度解析 #### 一、Chrome Hack写法概述 在Web开发中,由于不同浏览器对CSS的支持程度不一,开发者往往需要针对特定浏览器编写特定的样式来确保网页在各种环境下的一致性显示效果。...

    【css新增特性思维导图梳理】

    【CSS新增特性思维导图梳理】是对CSS3中新增特性的整理,主要关注浏览器兼容性和CSS Hack技巧。CSS3引入了许多新的功能,提高了网页设计的灵活性和表现力。以下是其中的一些关键点: 1. **私有前缀**: 为了解决...

    css hack总结 图片整理版

    CSS Hack技术是前端开发中用于解决不同浏览器对CSS代码兼容性问题的一种技术手段。在早期的网页开发中,由于各个浏览器厂商对于CSS标准的支持程度不一,开发者需要使用特定的技巧来确保网页在不同浏览器中能够正常...

    css区别IE和非IE浏览器

    不同浏览器对CSS的支持程度各不相同,特别是Internet Explorer(IE)系列浏览器与其他现代浏览器(如Firefox、Chrome等)之间存在较大的差异。本文将详细介绍如何通过CSS技巧来实现对IE浏览器和其他非IE浏览器之间的...

    IE系列的Css if hack条件语法

    然而,随着IE浏览器逐渐被淘汰,现代浏览器如Chrome、Firefox、Safari和Edge等已经拥有更好的CSS兼容性,使用条件注释的频率已大大降低。尽管如此,对于那些仍需要支持旧版IE的项目,CSS if hack条件语法仍然是一个...

    CSS常见浏览器兼容问题

    - 属性内Hack:如`color: /*ie only*/ #000; color: #fff;`,IE会读取第一个,其他浏览器则读取第二个。 4. 使用前缀库和预处理器: Autoprefixer是一个自动化添加浏览器前缀的工具,可以避免手动添加。预处理器...

    css浏览器兼容整理

    #### 一、IE6/IE7/IE8/Firefox/Chrome/Safari的CSShack兼容一览表 为了确保网站能在不同的浏览器中呈现出一致的效果,了解和掌握各种CSS hack技巧是非常重要的。以下是一些常用且有效的CSS hack方法: 1. **区别IE...

    网页制作需要了解的IE8、IE7、IE6、Firefox3、Firefox2的CSS hacks

    另外,现代浏览器已经大大减少了对CSS hacks的依赖,因为现代浏览器如Chrome、Firefox、Safari和Edge等,都基于Web标准进行开发,对CSS的支持也在不断加强。因此,对于现代网页设计来说,更建议使用CSS前缀、特性...

Global site tag (gtag.js) - Google Analytics