`
流浪鱼
  • 浏览: 1684703 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

谷歌和safari webkit独有css hack

    博客分类:
  • css
 
阅读更多

介绍下区别谷歌浏览器(Chrome)苹果浏览器(safari)与IE之间的hack;

只有webkit核心浏览器的谷歌浏览器、safari浏览器识别的CSS hack

Chrome和safari的CSS hack代码,只有谷歌浏览器苹果浏览器读取CSS代码
@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;}
 }
  

 

分享到:
评论

相关推荐

    css safari浏览器识别CSS hack.docx

    描述中则提到了Chrome和Safari的共同点,因为它们都基于WebKit内核,所以可以使用相同的CSS Hack方法。 一个常见的Safari/Chrome Hack是利用@media查询结合WebKit特有的条件。例如: ```css @media screen and (-...

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

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

    IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表

    - **Chrome** 和 **Safari**:使用`-webkit-`前缀支持新特性,这两者对CSS3的支持较为完整,但仍有部分特性需要hack。 - **Opera**:虽然未在标题中列出,但也需要注意,早期版本可能需要`-o-`前缀。 - **Chrome** ...

    CSS hack技巧大全

    6. @media screen and (-webkit-min-device-pixel-ratio:0):这是一个WebKit专有的媒体查询,适用于Safari和Chrome。 7. `x:-moz-any-link, x:default`:针对Firefox 3.5及以下版本。 8. @-moz-document url-prefix...

    H5 CSS hack 和浏览器内核

    浏览器内核是解析和渲染网页内容的核心组件,常见的有Trident(IE)、Gecko(Firefox)、Webkit(Safari, Chrome)和Blink(Chrome, Opera)。每种内核对CSS的解析方式和对新特性的支持程度都有所不同,导致了CSS ...

    csshack最新的css作品展示

    【CSS Hack】是一种在网页设计中,为了应对不同的浏览器对CSS(层叠样式表)解析方式的差异,而采用的一些技巧或方法。由于各浏览器之间的兼容性和标准实施不一致,CSS Hack经常被用来确保网站在各种环境下都能正确...

    Css hack总结及其最佳用法

    虽然IE Hack占主导地位,但其他浏览器如Firefox、Chrome等也有少量的差异,可以通过CSS前缀如`-moz-`(Firefox)、`-webkit-`(Safari/Chrome)来针对特定浏览器实现特性。 6. **最佳实践**: - 尽量避免使用Hack...

    web前端规范之CSSHack.pdf

    Webkit阵型则涵盖Firefox、Chrome、Safari和Opera等,它们遵循更现代的CSS标准。 **国内与国外的浏览器使用情况** 在中国,由于历史原因,Windows操作系统和IE浏览器的广泛使用导致大部分用户倾向于使用基于IE内核...

    CSS hack浏览器兼容一览表

    - `::-webkit-input-placeholder`: 用于设置Webkit内核浏览器(如Chrome和Safari)输入框占位符的样式。 - `:-moz-placeholder`: Firefox早期版本的占位符样式hack。 - `:-ms-input-placeholder`: 针对IE10及更高...

    各浏览器的cssHack总结

    - `-webkit-`前缀用于Safari和Chrome,如`-webkit-box-shadow` - `-o-`前缀针对Opera,如`-o-transition` - `-ms-`前缀在非IE浏览器中也可以使用,以保持一致性,如`-ms-transform` 3. **通用Hack** - `!...

    web前端规范之CSSHack[总结].pdf

    在Web开发中,CSS Hack是一种解决不同浏览器对CSS样式解析不一致问题的方法。由于历史原因和技术差异,各种浏览器,尤其是IE系列和基于Webkit内核的浏览器,对CSS的解析和渲染方式有所不同,导致页面在不同浏览器上...

    浏览器兼容.doc-CSS hack姐姐兼容性问题

    由于不同的浏览器使用了不同的渲染引擎(或称为内核),例如Mozilla Firefox使用Gecko,Internet Explorer使用Trident,Opera使用Presto,Safari和Google Chrome使用WebKit,它们对CSS规范的实现存在差异,导致在...

    CSS Hack(Safari、Opera、Firefox3和IE7)

    在本文中,我们将讨论如何针对Safari、Opera、Firefox 3以及Internet Explorer 7这四种浏览器进行CSS Hack。 首先,让我们来看看仅Safari和Opera识别的CSS Hack。这两种浏览器都基于WebKit渲染引擎,因此它们对某些...

    CSS_Hack速查表

    CSS Hack是针对不同浏览器的兼容性问题而采取的一种技巧,因为不同的浏览器对CSS的解析方式可能存在差异。"CSS_Hack速查表"是一个非常实用的工具,它汇总了各种CSS Hack,帮助开发者快速解决跨浏览器样式兼容问题。 ...

    CSS教程之通用的css hack简介

    除了IE之外,针对Firefox、WebKit内核的浏览器(如Chrome、Safari)、Opera等也有相应的Hack方式。 - **Firefox**: ```css @-moz-document url-prefix() { .firefox { property: value; } } ``` 使用`@-moz-...

    css hack总结 图片整理版

    - 不同浏览器对新特性的支持程度不同,比如`-webkit-`用于Chrome和Safari,`-moz-`用于Firefox,`-ms-`用于IE,`-o-`用于Opera。 3. **零宽度字符(Zero-width Characters)** - 如`\9`,仅IE6-8识别,用于在属性...

Global site tag (gtag.js) - Google Analytics