gpt4 book ai didi

css - 如何在带有其他默认样式的样式表中为 IE 编写 CSS

转载 作者:行者123 更新时间:2023-12-02 05:07:50 25 4
gpt4 key购买 nike

我正在使用响应式网站。我已经使用媒体查询来负责。基本上,我没有使用任何固定宽度。我使用百分比作为每个 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 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.cssmobile.css 不会为那些旧版本带来任何问题,不是吗?我的意思是我只想在我的主样式表 (KT2012.css) 中编写 IE 专用 css。我应该在每个样式表中编写每个 IE 特殊 css,例如 mobile.csstablet.css 等吗?如果那个设计的基于 css 文件不支持旧的 ie,那么,如果我为 ie 制作不可扩展的版本,我不会对那个基于设备/视口(viewport)的样式表做任何事情,不是吗?

最佳答案

我推荐 HTML5 样板文件采用的方法,outlined here by Paul Irish .基本上,像这样设置您的文档:

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

您现在有了可以准确定位特定版本 IE 的类。您的 CSS 将如下所示:

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

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

关于css - 如何在带有其他默认样式的样式表中为 IE 编写 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16019775/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com