登录 注册
当前位置:主页 > 资源下载 > 48 > 使网页能够自动适应不同的显示器分辨率

使网页能够自动适应不同的显示器分辨率

  • 更新:2024-12-16 12:18:56
  • 大小:24KB
  • 推荐:★★★★★
  • 来源:网友上传分享
  • 类别:网络基础 - 网络技术
  • 格式:WPS

资源介绍

如何让网页自动适应显示器不同的“分辨率”?解决思路:在不同分辨率下看到的网页版面格式有很大差别,甚至有可能错位。导致这种差别的原因,主要是因为网页中用了绝对定位的层,并且页面内容设置为居中,这样在分辨率改变时就会导致错位。因此我们可以通过判断用户的分辨率,然后让页面或排版做出相应变化。方法一:做为不同的分辨率做不同的页,然后做个引导页,获取到客户端屏幕的分辨率后转向到相应页具体步骤:捕获用户的分辨率。 水平分辨率:screen.width垂直分辨率:screen.height 用页面跳转的方法转到相应页。 location.replace(screen.width+".htm") 或者: location.replace(screen.height+".htm") 完整代码。 [removed]<!--location.replace(screen.width+".htm");//-->[removed] 技巧:screen.width 也可以改成 screen.availWidth。提示:l language="JavaScript" 指定脚本所用语言为 JavaScript,大部分浏览器的默认客户端脚本语言就是 JavaScript,所以也可以省略不写。l <!-- 和 //--> 两个标识的作用是通知不支持 JavaScript 浏览器忽略两标识间的所有 JavaScript 代码,一般情况下可以省略不写。本文章由www.cqgongli.com整理发布 l JavaScript 语句与 C 语言一样用分号”;”结束,但也可以省略不写,每一新行表示开始一条新语句。