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

2023-11-26 分类：网站建设

有时候网页在不同的分辨率下视觉效果不一样，为了达到最佳的视觉效果，最好的方法是做几版网页，让他们各自适应常用的几种分辨率，最后使用下面介绍的代码，来判断浏览者的分辨率，给予最佳的视觉效果。

这种方法比较简单地，呵呵。大家可以根据自己地要求改。
做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>

网页名称：网站设计技巧让网页自动适应不同的分辨率
本文URL：https://www.cdcxhl.com/news38/296688.html

成都网站建设公司_创新互联，为您提供标签优化、用户体验、网站制作、Google、定制开发、微信小程序

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容