最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

针对特定浏览器起作用的CSS:IEChromeFirefoxCSSHack_html/css_WEB-ITnose

来源:动视网 责编:小采 时间:2020-11-27 15:58:03
文档

针对特定浏览器起作用的CSS:IEChromeFirefoxCSSHack_html/css_WEB-ITnose

针对特定浏览器起作用的CSS:IEChromeFirefoxCSSHack_html/css_WEB-ITnose:Firefox的CSSHack 只在Firefox上应用的CSS Hack,虽然这种情况非常少,但有时也会碰到: @-moz-document url-prefix() { .cssSelector { font-size: 14px; }} Chrome的CSSHack 只在Chrome上应用的CSS Hack,目前这种情
推荐度:
导读针对特定浏览器起作用的CSS:IEChromeFirefoxCSSHack_html/css_WEB-ITnose:Firefox的CSSHack 只在Firefox上应用的CSS Hack,虽然这种情况非常少,但有时也会碰到: @-moz-document url-prefix() { .cssSelector { font-size: 14px; }} Chrome的CSSHack 只在Chrome上应用的CSS Hack,目前这种情


Firefox的CSSHack


只在Firefox上应用的CSS Hack,虽然这种情况非常少,但有时也会碰到:

@-moz-document url-prefix() { .cssSelector { font-size: 14px; }}

Chrome的CSSHack


只在Chrome上应用的CSS Hack,目前这种情况还没有碰到(使用Chrome作为开发浏览器的原因?),有备无患吧。

@media screen and (-webkit-min-device-pixel-ratio:0) { #test1{color:red;}}

IE6/7/8/9+的CSS Hack

只在IE上应用的CSS Hack, 这种情况几乎经常碰到, 这里使用的是一种通用的方法,情况复杂,需要先划分一下版本:

在body上附加一个IE版本的class

Hack CSS跟其他CSS文件写一起。

IE9+ 不加Hack;IE6,IE7, IE8 加 ie的前辍, IE6多加一个ie6的前辍Hack (大部分给ie7/8写的hack, IE6都会用到)

为IE附加新的CSS文件

IE7/8多加一个,IE6多加两个,就让IE多装点东西吧,不要污染别的CSS文件



注* lt 是 less than的意思;即 "ifless than IE9" = "if lt IE 9",还有几个,不过用得比较少

  • gt: greater than
  • lte: less than or equal to
  • 文档

    针对特定浏览器起作用的CSS:IEChromeFirefoxCSSHack_html/css_WEB-ITnose

    针对特定浏览器起作用的CSS:IEChromeFirefoxCSSHack_html/css_WEB-ITnose:Firefox的CSSHack 只在Firefox上应用的CSS Hack,虽然这种情况非常少,但有时也会碰到: @-moz-document url-prefix() { .cssSelector { font-size: 14px; }} Chrome的CSSHack 只在Chrome上应用的CSS Hack,目前这种情
    推荐度:
    标签: 浏览器 IE chrome
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top