如何使用其他默认样式为IE at样式表编写CSS_Css_Internet Explorer_Responsive Design

如何使用其他默认样式为IE at样式表编写CSS

css internet-explorer responsive-design

如何使用其他默认样式为IE at样式表编写CSS,css,internet-explorer,responsive-design,Css,Internet Explorer,Responsive Design,我正在与响应网站合作。我用媒体的询问让这件事负责。基本上，我没有使用任何固定宽度。我使用百分比作为每个div的宽度这样，网站可以根据浏览器的大小按比例缩放。因为使用宽度百分比可能会导致旧ie出现问题。由于ie 9之前的ie不支持媒体查询，因此，我想为这些ie构建不可扩展的版本。因为我只给出了几个用于实现可扩展性的代码，所以如果我使用默认CSS在主样式表的任意位置下/在任意位置编写CSS代码，可以吗如style.css： #info { width: 13.672%; /*if i

我正在与响应网站合作。我用媒体的询问让这件事负责。基本上，我没有使用任何固定宽度。我使用百分比作为每个div的宽度

这样，网站可以根据浏览器的大小按比例缩放。因为使用宽度百分比可能会导致旧ie出现问题。由于ie 9之前的ie不支持媒体查询，因此，我想为这些ie构建不可扩展的版本。因为我只给出了几个用于实现可扩展性的代码，所以如果我使用默认CSS在主样式表的任意位置下/在任意位置编写CSS代码，可以吗

如

style.css

：

#info {
   width: 13.672%;
   /*if ie9 and lower
   width: 175px;*/
   height: 830px;
   /*if ie9 and lower
   margin-right: 40px;*/
   margin-right: 3.125%;
   float: left;
}

img {
  margin: 0px;
  padding: 0px;
  border: 0px;
  max-width: 100%;
  /*if ie9 and lower
   max-width: inherit*/
  height: auto;
  /*if ie9 and lower
   height: inherit*/
}

我想写那种格式。但是，我不知道正确的格式。请告诉我正确的格式

还有一个问题要问你。由于那些版本的ie不支持媒体查询，所以meta标记

<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1.0" />
<link href="KT2012.css" rel="stylesheet" type="text/css" />
<link href="kt_large.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" media="only screen and (min-width:50px) and (max-width:500px)" href="kt_small.css" />
<link rel="stylesheet" type="text/css" media="only screen and (min-width:501px) and (max-width:800px)" href="kt_tablet.css" />
<link rel="stylesheet" type="text/css" media="only screen and (min-width:801px) and (max-width:1024px)" href="kt_medium.css" />

使用

tablet.css

，

mobile.css

不会给那些旧版本的ie带来任何问题，不是吗？我的意思是我只想在我的主样式表（

KT2012.css

）中编写IE特殊css。我是否应该在每个样式表中编写每个IE特殊css，比如在

mobile.css

、

table.css

等？如果设计的基于css的文件在旧版ie上不支持，那么，如果我为ie制作不可扩展的版本，我不会对基于设备/视口的样式表做任何事情，不是吗？

我推荐HTML5样板所采用的方法。基本上，按如下方式设置文档：

<!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]-->

然后，您可以避免CSS攻击，并可以将所有内容保存在一个样式表中。

一种方法是使用

即不过IE 10已经为他们准备好了

最近，引入了一种基于类的方法，以避免条件注释倾向于创建的多个样式表（即HTTP调用）问题和零碎的CSS规则。

只是为了澄清：您是否希望IE9包含在其中？（你在问题文本中说你希望它适用于“IE9之前”，但在代码注释中你放了“IE9和更低版本”）。我想为IE6、IE7、IE8、IE9制作不可扩展的版本。这是网站：请看，它根据浏览器的大小适当/成比例地缩放。我不想看老版ie。因为使用百分比作为宽度，老版ie的问题在于：换句话说，我想关闭老版ie的响应特殊代码（ie 1-9）

.element { margin-bottom: 20px; }
.lt-ie9 .element { margin-bottom: 10px; }

<!--[if IE 9]>
Special instructions for IE 9 here, for example load a specific CSS file to override rules only for IE 9
<![endif]-->