Question

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

是否可以在CSS表格中插入一些代码，说明“如果您是旧的IE浏览器，请转到桌面版块进行布局？”或者，“跳过移动布局”？或者，我可以创建一个单独的IE CSS表，使用源代码中的条件注释来调用它。如果这是要走的路。
额外的样式表是否会拖累我的页面的加载时间？（对于仍然使用IE8的人来说，我还能走多远！）

Answer 1

我喜欢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>

这样可以很容易地定位你想要的东西。 Paul Irish谈论它。我可能会坚持使用一个大的css文件而不是多个，除非它只是我网站的一个页面或者我想惩罚用户。

跳过IE8的CSS块

1 个答案: