针对不同分辨率调用不同的CSS

最新推荐文章于 2024-01-25 09:54:14 发布

转载最新推荐文章于 2024-01-25 09:54:14 发布 · 141 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yuzhongwusan/archive/2008/06/04/1213643.html

文章标签：

#javascript #ViewUI

本文介绍了一种使用JavaScript根据屏幕分辨率自适应更改CSS样式的网页设计方法。通过判断屏幕宽度和高度，动态链接不同样式表，实现不同设备下网页布局的优化。

<SCRIPT LANGUAGE="javascript">
<!--
if ((screen.width == 800) && (screen.height == 600)){
document.write('<link rel=stylesheet type="text/css" href="style/style1.css">')
}else{
if ((screen.width == 1024) && (screen.height == 768)){
document.write('<link rel=stylesheet type="text/css" href="style/style1.css">')
}else{
if ((screen.width == 1152) && (screen.height == 864)){
document.write('<link rel=stylesheet type="text/css" href="style/style1.css">')
}else{
document.write('<link rel=stylesheet type="text/css" href="style/style1.css">')
}}}

</SCRIPT>

转载于:https://www.cnblogs.com/yuzhongwusan/archive/2008/06/04/1213643.html