CSS 部分样式为什么有的浏览器(如:IE系列)无法呈现出来?

  • 兼容性问题,因为老版本浏览器存在大量和W3C不一致的情况,所以我们做兼容性设计。
  • 其他回答:
    W3C标准发展,以及浏览器厂商出于商业的考量,老版本的浏览器(尤其是IE系列)存在大量和W3C标准不一致的情况。一个在Chrome 浏览器下十分美观的网站,在IE6下很有可能惨不忍睹,对此我们不得不进行大量的兼容性设计。

如何跨浏览器设计?

跨浏览器设计有很多种解决方案。介绍通用的方法:条件注释(conditional comment)。
CSS 部分样式为什么有的浏览器(如:IE系列)无法呈现出来?

常用的属性前缀:

  • webkit:webkit核心浏览器,包括(Chrome)谷歌浏览器、(Safari)苹果浏览器等。
  • moz:(Firefox)火狐浏览器。
  • ms:IE浏览器。
  • o:(Opera)欧朋浏览器。

CSS 常用工具:

  • 避免编写属性前缀的Prefix free插件。
  • 让不同浏览器表现一致性的Normalize。
    Normalize用法和其他Reset 没有任何区别,它的官网:http://necolas.github.io/normalize.css 进行下载。
  • 应用Grunt自动合并压缩CSS 文件。
    Grunt官网:http://gruntjs.com。如何安装,下载,操作。上网查询。

相关文章:

  • 2022-02-06
  • 2022-12-23
  • 2021-06-05
  • 2022-12-23
  • 2021-04-18
  • 2022-03-06
  • 2021-10-14
  • 2022-01-07
猜你喜欢
  • 2022-01-09
  • 2022-02-15
  • 2022-12-23
  • 2022-12-23
  • 2021-08-12
  • 2021-11-25
  • 2022-12-23
相关资源
相似解决方案