注册 登录
编程论坛 → WEB前端(UI)

如何让网页自动随显示分辨率调整？

deleter 发布于 2007-11-22 14:48， 7752 次点击
如何让网页自动随显示分辨率调整，我在1024*768的分辨率下做的网页（文字图片居中），怎么到1280*1024状态下网页格式就不对了（文字图片靠左了），请问如何解决？能否说的详细点？
6 回复
#2
雨帆2007-11-24 14:50
请楼主参考：
[url]http://bbs.bc-cn.net/viewthread.php?tid=177677&highlight=%E7%BD%91%E9%A1%B5%E5%88%86%E8%BE%A8%E7%8E%87[/url]
#3
deleter2007-11-24 21:03
谢谢版主，但是还是不能解决问题。我试过用表格固定，但作出的网页在改大分辨率后，会多出很大一块空白的地方，很不美观。我看过一些资料，说可以设定图片大小为%，不要用像素。还有说是在网页中嵌入一段判断分辨率的代码，在网页显示时获取屏幕分辨率的大小，可我不知应将代码放在代码中何处，请指教。
#4
huangyong2007-11-25 09:57
要是你的网页没有图片的话，是可以解决的，不过是有点麻烦的，您可以用百分比来做。

这样就可以解决你的问题了，但这种可能性也应该不大吧

有图片的话，你设计的页面的话，要注意很多方面的因素。
#5
雨帆2007-11-26 20:22
[bold]先将下列JS代码插到<head></head>之间：[/bold]

<script LANGUAGE="JavaScript">
<!-- Begin
function redirectPage()
{
var url800x600 = "你做好的800*600页面";
var url1024x768 = "你做好的1024*768页面";
if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800x600;
else((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024x768;
}
// End -->
</script>

[bold]再在body中增加如下：[/bold]
<body >
<script language="JavaScript" type="text/JavaScript">
<!--
var w=screen.width;
var h=screen.height;
document.write("系统已检测到您的分辨率为:");
document.write("<font size=3 color=red>");
document.write(w+"×"+h);
document.write("</font>");
document.write("正在进入页面转换,请稍候…");
//-->
</script>
</body>

    前面的代码是检测分辨率，后面的一段代码是显示网页的状态，一段在head中，一段在body中，注意不要写两个head和body了，因为上面叫你直接插到head中，后面的已经有了body了，是为了让你看清楚点，增加进去就好了。

[[italic] 本帖最后由 雨帆 于 2007-11-26 20:30 编辑 [/italic]]
#6
madpbpl2007-11-26 21:53
var url800x600 = "你做好的800*600页面";
var url1024x768 = "你做好的1024*768页面";

这样相当于要做两个页面，如果一个网站有十几个页面，那不是等于做了两个网站吗？
不过还是感谢雨帆提出的方法。
#7
deleter2007-11-28 14:12
谢谢雨帆
1
©2025, BC-CN.NET
电脑版