我正在设计一个使用CSS媒体查询的响应式网站,我了解IE8及以下版本不支持该查询。 我设计了一种我认为仅对IE9和所有其他浏览器使用css查询的好方法,但是我想让大家浮动一下它,看看我是否遗漏了任何东西,或者我的计划中是否有漏洞。 我的方法是:

  1. 调用我的主要style.css文件,所有浏览器都将使用该文件。
  2. 使用除以下之外的IE浏览器,用我的媒体查询调用CSS文件:
    \n [如果!IE]\n 在此处导入媒体查询样式表\n [万一]\n
  3. 通过以下方式调用IE9的媒体查询样式表:
    \n [如果是IE 9]\n 在此处导入媒体查询样式表\n [万一]\n

有人看到这样的计划有问题吗? 谢谢!

===============>>#1 票数:1 已采纳

您的计划是合理的,但是由于您没有参考IE的未来版本 ,因此需要进行调整,因此您可能会排除很多将来的访问者/用户。

鉴于使用IE的社区/企业过多(阅读: 世界的一半 ),最好使用稍稍修改后的版本:

<!--[if !IE]> 
   @media queries for all browsers except IE
<![endif]-->

更重要的是:

<!--[if gt IE 8]> //greater than IE 8
   @media queries for IE9 and above
<![endif]-->

这两个语句组合起来排除了版本9之前的IE的所有版本,但更重要的是包括将来的版本

先前的答案展示了有关版本以及您可以使用的某些不同排列和组合的其他可能性。

  ask by scmccarthy22 translate from so

未解决问题?本站智能推荐:

关注微信公众号