Responsive design 排除旧IE以进行媒体查询

Responsive design 排除旧IE以进行媒体查询,responsive-design,media-queries,Responsive Design,Media Queries,我正在设计一个使用CSS媒体查询的响应网站,我知道IE8及以下版本不支持这些查询。我已经设计了一种我认为只在IE9和所有其他浏览器上使用css查询的好方法,但我想让大家看看我是否遗漏了什么,或者我的计划中是否有漏洞。我的方法是: 调用我的main style.css文件,所有浏览器都将使用该文件 使用“我的媒体”查询调用css文件,用于除IE以外的所有浏览器: [if !IE] import media queries stylesheet here [endif] [如果 在此处导入媒体查询样

我正在设计一个使用CSS媒体查询的响应网站,我知道IE8及以下版本不支持这些查询。我已经设计了一种我认为只在IE9和所有其他浏览器上使用css查询的好方法,但我想让大家看看我是否遗漏了什么,或者我的计划中是否有漏洞。我的方法是:

  • 调用我的main style.css文件,所有浏览器都将使用该文件
  • 使用“我的媒体”查询调用css文件,用于除IE以外的所有浏览器: [if !IE] import media queries stylesheet here [endif] [如果 在此处导入媒体查询样式表 [完]
  • 使用以下命令调用IE9的媒体查询样式表: [if IE 9] import media queries stylesheet here [endif] [如果IE 9] 在此处导入媒体查询样式表 [完]

  • 有人认为这样的计划有问题吗?谢谢

    你的计划是合理的,但需要调整,因为你没有参考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版本,但更重要的是包括将来的版本


    A展示了关于版本以及您可以使用的一些不同排列和组合的其他可能性。

    您的计划是合理的,但它需要调整,因为您不参考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版本,但更重要的是包括将来的版本

    A演示了关于版本以及您可以使用的一些不同排列和组合的其他可能性