没有合适的资源?快使用搜索试试~ 我知道了~
css 专区 多看看 绝对有用的
资源推荐
资源详情
资源评论
根据分辨率不同调用不同的 CSS 文件
作者:佚名 来源:网络摘编 编辑:阿凡
我们在做网页设计的时候,经常遇到这样的问题:在 1024×768 的分辨率下看起来很漂亮,
但是到了 1280×1024 或者更高的分辨率下再看同样的网页,会发现很难看。很多朋友可能
会问:有没有什么办法可以解决这个问题呢?今天,笔者就教大家一个好方法,使你设计
的网页可以根据显示器的分辨率调用不同的 CSS 文件,从而让你设计的网页更加美观。
代码如下:
<SCRIPT LANGUAGE="javascript">
<!--
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
var IE1024="";
var IE800="";
var IE1152="";
var IEother="";
ScreenWidth(IE1024,IE800,IE1152,IEother)
}else{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
file://如果浏览器为 Firefox
var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxother="";
ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother)
}else{
file://如果浏览器为其他
var Other1024="";
var Other800="";
var Other1152="";
var Otherother="";
ScreenWidth(Other1024,Other800,Other1152,Otherother)
}
}
function ScreenWidth(CSS1,CSS2,CSS3,CSS4){
if ((screen.width == 1024) && (screen.height == 768)){
setActiveStyleSheet(CSS1);
}else{
if ((screen.width == 800) && (screen.height == 600)){
setActiveStyleSheet(CSS2);
}else{
资源评论
geofmonkey
- 粉丝: 1
- 资源: 21
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功