网站设计技巧让网页自动适应不同的分辨率

发布时间：2025-05-05 点击：6

有时候网页在不同的分辨率下视觉效果不一样，为了达到最佳的视觉效果，最好的方法是做几版网页，让他们各自适应常用的几种分辨率，最后使用下面介绍的代码，来判断浏览者的分辨率，给予最佳的视觉效果。
这种方法比较简单地，呵呵。大家可以根据自己地要求改。
做3个页面，分别命名为“640480.htm”“800600.htm“1024768.htm”，3个页面分别为三种分辨率下浏览的页，然后index.htm的原代码如下：
<html>
<head>
<script language=javascript>
<!--begin
function redirectpage(){
var url640x480=640480.htm;
var url800x600=800600.htm;
var url1024x768=1024768.htm;
if((screen.width==640)&&(screen.height==480))
window.lacation.href=url640x480;
else if((screen.width==800)&&(screen.height==600))
window.lacation.href=url800x600;
else if((screen.width==1024)&&(screen.height==768))
window.lacation.href=url1024x768;
else window.lacation.href=url800x600;
}
//end--!>
</script>
</head>
<body onload=redirectpage();>
</body>
</html>

网站优化和推广是网络营销过程的重要部分
日本云服务器价格多少钱?日本网站云服务器费用
优化内链提升用户体验的三大技巧
网站制作怎样才具有吸引力
企业应该怎样看待网站建设？
电商网站怎么做效果才更佳？
景德镇小程序开发的必要性
威海水产APP开发和传统行业模式有哪些区别