如何让网页自动调节分辨率?

来源:百度知道 编辑:UC知道 时间:2024/07/04 12:11:55
我制作的网站的网页是1024*768像素的,如果别人的电脑是800*600像素的电脑浏览我做的网站,那我的网站就会显得很难看。该如何处理?

如果是使用表格进行布局的话, 可以使用百分比来约束大小, 从而可以实现分辨率自适应. 但这种做法可能会导致很多不可预知的后果,如果用户把窗口调得很小, 网页也会缩小,十分难看.不建议这样做.

推荐的做法: 使用CSS进行布局, 用百分比进行约束, 但给每一个层一个最小的宽度(min-height属性), 这样就可以使得页面可以自动适应比最小宽度宽的分辨率, 但不会比最小宽度小. 这样就可以使得网页既有一定的灵活性, 又不至于灵活得失控.

回答完毕.

把最外的表格设成宽度百分比,这样就是按浏览器的大小了,或者通过一下代码实现:<script language=javascript>
?? <!--
?? function redirectPage(){
?? var url800x600=〃index-ie.html〃;
?? var url1024x768=〃1024-ie.html〃;
?? if ((screen.width==800)&&(screen.height==600))
?? window.location.href= url800x600;
?? else if ((screen.width==1024)&&(screen.height==768))
?? window.location.href=url1024x768;
?? else window.location.href=url800x600;
?? }
?? //-->
?? </script>
onLoad=〃redirectPage()〃
?? 最后,同样地,在< body>和< /body>之间加入以下代码来显示网页的工作信息:
?? <script language=javascript>
?? <!--
?? var w=screen.width
?? var h=screen.height
?? document.write(〃系统已检测到