2

我为我的项目设计了一个网页，当我查看 Internet Explorer 时，它在 Firefox 和 chrome 中看起来很好，图像位置和表格位置一切都没有正确对齐。即使我尝试导入 reset.css 文件（eric 的最新版本）。这会导致所有页面的对齐表不正确。

基于用户代理加载css好吗？

   if ie:
      <link ....</link>
   else:
      <link>...</link>

它应该怎么做？

另外，如何调整所有分辨率屏幕都可以采用的布局？

当我在 12-15 英寸分辨率的屏幕上做时，我的页面看起来很好。一些更宽的屏幕看起来不太好。

应该怎么处理呢？

提前致谢。

4

3 回答 3

4 
<!--[if IE 8]>
        <link rel="stylesheet" href="css/ie8.css"/>

<![endif]-->

即样式表

您可以使用媒体查询调整布局，无论您可以选择什么分辨率

就像是

@media all and (min-width:500px) { … }
@media (min-width:500px) { … }

媒体查询

于 2012-08-06T04:44:16.547 回答
2

您可以conditional comment用于 IE 浏览器。像这样写：

<!--[if IE 8]>
  <link rel="stylesheet" href="ie8.css"/>
Special instructions for IE 8 here
<![endif]-->

阅读更多信息http://www.quirksmode.org/css/condcom.html

于 2012-08-06T04:42:43.100 回答
0

通过使用CSS 条件注释，您可以定位您的浏览器。

通过在页面中添加以下行，您<HTML>可以定义特定于浏览器的样式表或 java 脚本文件。

对于 IE 浏览器

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="css/ie.css" />
<![endif]-->

对于非 IE 浏览器

<!--[if !IE]><!-->
    <link rel="stylesheet" type="text/css" href="css/non-ie.css" />
<!--<![endif]-->

通过使用媒体查询，您可以通过定位所需的屏幕分辨率来创建响应式网站的布局。

@media screen and (max-width: 699px) and (min-width: 320px) {
   div { background: blue; width: 100px; height: 100px; }
}


@media screen and (max-width: 1024px) and (min-width: 700px) {
   div { background: green; width: 300px; height: 100px;  }
}


@media screen and (max-width: 1280px) and (min-width: 1025px) {
   div { background: red; width: 600px; height: 100px;  }
}​

示例小提琴

您可以详细了解如何使用媒体查询

于 2012-08-06T05:33:28.180 回答