针对不同浏览器不同分辨率加载不同css解决方案
2012-07-13 10:50
447 查看
因为IE各版本的浏览器对我们制作的WEB标准的页面解释不一样,具体就是对CSS的解释不同,我们为了兼容这些,可运用条件注释来各自定义,最终达到兼容的目的。比如:
<!– 默认先调用css.css样式表 –>
<link rel=”stylesheet” type=”text/css” href=”css.css” />
<!–[if IE 7]>
<!– 如果IE浏览器版是7,调用ie7.css样式表 –>
<link rel=”stylesheet” type=”text/css” href=”ie7.css” />
<![endif]–>
<!–[if lte IE 6]>
<!– 如果IE浏览器版本小于等于6,调用ie.css样式表 –>
<link rel=”stylesheet” type=”text/css” href=”ie.css” />
<![endif]–>
这其中就区分了IE7和IE6向下的浏览器对CSS的执行,达到兼容的目的。同时,首行默认的css.css还能与其他非IE浏览器实现兼容。
注意:默认的CSS样式应该位于HTML文档的首行,进行条件注释判断的所有内容必须位于该默认样式之后。
这也是所谓的css hack技术…
<!– 默认先调用css.css样式表 –>
<link rel=”stylesheet” type=”text/css” href=”css.css” />
<!–[if IE 7]>
<!– 如果IE浏览器版是7,调用ie7.css样式表 –>
<link rel=”stylesheet” type=”text/css” href=”ie7.css” />
<![endif]–>
<!–[if lte IE 6]>
<!– 如果IE浏览器版本小于等于6,调用ie.css样式表 –>
<link rel=”stylesheet” type=”text/css” href=”ie.css” />
<![endif]–>
这其中就区分了IE7和IE6向下的浏览器对CSS的执行,达到兼容的目的。同时,首行默认的css.css还能与其他非IE浏览器实现兼容。
注意:默认的CSS样式应该位于HTML文档的首行,进行条件注释判断的所有内容必须位于该默认样式之后。
这也是所谓的css hack技术…
相关文章推荐
- 速度优化:只加载一个CSS满足所有要求、针对不同浏览器加载不同CSS、正式站改版测试如何不影响用户体验
- css针对不同浏览器灰度问题的解决方案
- 浏览器对加载js文件和css文件有什么不同?一个面试题目
- CSS针对不同的浏览器的适应方法
- 根据浏览器分辨率不同自动调用不同CSS
- 如何根据浏览器和分辨率调用不同的CSS代码
- 浏览器和分辨率不同自动调用不同CSS的代码
- 有关css和js针对不同浏览器兼容的问题
- 根据不同浏览器加载不同css文件
- 根据客户端浏览器,加载不同的CSS文件
- CSS对IE7,IE6,FireFox和其它不同浏览器的控制——CSS设计中的HACK,CSS解决方案
- 转: 根据屏幕分辨率,浏览器调用不同css
- 浏览器和分辨率不同自动调用不同CSS的代码
- 根据屏幕分辨率大小加载不同CSS.
- 针对不同浏览器的css
- 根据不同分辨率加载不同 css 样芪表
- CSS条件注释详解(根据不同浏览器加载CSS)
- 用js实现根据不同的分辨率和浏览器调用不同的css文件
- 根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
- 根据浏览器分辨率不同自动调用不同CSS