22
2004
08

怎样让网页适应不同的分辨率

现在大多数显示器都是1024*768或者是800*600的分辨率，有时候在自己的机器上看网页效果很好，转到别的机器上却出现了不能完全显示或者偏离的情况，常见的都是因为分辨率不同而造成的，怎样避免这种情况呢？做两个在不同分辨率下能完美显示的背景，让浏览器自动识别当前是哪种分辨率而调用不同的网页背景。

在网页中加入如下代码：

<SCRIPT>
 if((screen.width==1024)&&(screen.height==768)) {
 document.write("<body background='skins/default/ip.gif'>");
}
 if((screen.width==1152)&&(screen.height==864)){
 document.write("<body background='skins/default/message.gif'>");
}
</SCRIPT>

发布:林朵 | 分类:絮叨 | 评论:4 | 浏览:
« 上一篇下一篇 »

评论列表:

1.dreaming123  2005-1-22 22:22:00 回复该留言
如果用在blog里,这段代码加在什么地方呢?
2.ranking  2005-2-1 10:45:00 回复该留言
用在
&lt;head&gt;
&lt;/head&gt; 之间
3.jackie  2005-11-19 18:24:00 回复该留言
如果是顶部的图片，也可以用这个代码吗？




以下为blog主人的回复：
&nbsp;不行哦，顶部如果是整图的话不能用的，如果是色块可以用自适应。
4.Xsina乱炖汤  2005-11-20 17:22:00 回复该留言
应该在设计版面的时候就按照适应所有分辨率的机器来设计。比如素手兰心的这个板子，调整不同分辨率都是可以正常访问的。
如果屏幕下方出现了滚动条，那就是说你的版面不是很好哦～试想，要看全整个页面还要左右动鼠标，多麻烦～
呵呵

发表评论:

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。