Fatal编程技术网
  • css/
  • 跳过IE8的CSS块

跳过IE8的CSS块

css internet-explorer-8

跳过IE8的CSS块,css,internet-explorer-8,Css,Internet Explorer 8,我正在设计一个快速响应的网站。我的CSS文件以移动布局的块开始，然后是记事本布局的媒体查询和桌面布局的另一个媒体查询。我想对IE8做出一些让步，IE8不支持媒体查询。因此，按照目前的结构，当我的站点在IE8中查看时，它会恢复为移动布局，这是样式表中遇到的第一个CSS块。对于桌面显示器来说，这不是一个好的外观，我希望IE8用户是这样的 是否可以在CSS页面中插入一些代码，上面写着“如果您是旧IE浏览器，请转到桌面块查看布局？”或“跳过移动布局”？或者，我可以创建一个单独的IE CSS表，在源代码中

我正在设计一个快速响应的网站。我的CSS文件以移动布局的块开始，然后是记事本布局的媒体查询和桌面布局的另一个媒体查询。我想对IE8做出一些让步，IE8不支持媒体查询。因此，按照目前的结构，当我的站点在IE8中查看时，它会恢复为移动布局，这是样式表中遇到的第一个CSS块。对于桌面显示器来说，这不是一个好的外观，我希望IE8用户是这样的

  • 是否可以在CSS页面中插入一些代码，上面写着“如果您是旧IE浏览器，请转到桌面块查看布局？”或“跳过移动布局”？或者，我可以创建一个单独的IE CSS表，在源代码中使用条件注释来调用它。如果是这样的话
  • 额外的样式表会拖我页面的加载时间吗？（我要在多大程度上容纳仍使用IE8的用户是有限制的！）
    • 我喜欢html5样板处理条件的方式。它将ie类附加到html标记，如下所示：

    <!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
    这让你很容易找到你想要的目标。谈论它。我可能会坚持使用一个大的css文件，而不是多个，除非它只是我网站的一个页面，或者我想惩罚ie用户

    关于第1点。看一看。我的页面上有这样的东西：但我不知道该怎么办。我的网站由大约16个不同的页面组成，每个页面在.css文件中有三个布局（三种屏幕大小），由两个媒体查询分隔。默认为移动布局，因此它是页面上的第一个布局，也是IE8唯一读取的布局；我希望IE8跳过这一点，转到桌面布局，它遵循以下媒体查询：@media only屏幕和（最小宽度：769px），所以。。。我想我有一个定义为“ie8 oldie”的类。我如何使用它来实现这一点？你有你的网站链接吗？我想看看css，更好地了解如何回答您的问题。根据我的经验，ie8不识别媒体查询，因此它似乎应该忽略所有媒体查询，只呈现非媒体查询规则。这似乎有一些相关提示：网站还没有上线。虽然我不是针对IE8用户本身，但我希望至少能看到桌面布局。相反，他们会看到单列布局，因为我使用的是mobile first设计——你发给我的那篇文章描述了这个确切的问题：“房间里的大象是桌面的Internet Explorer。使用mobile first解决方案，大屏幕将在一列中显示内容……”我没有完全遵循他们的解决方案，但现在看来，我们需要的是一个有条件的样式表。似乎有效。（不知道如何使用您发布的样板文件中的类。）谢谢！