-
使网页能够自动适应不同的显示器分辨率
资源介绍
如何让网页自动适应显示器不同的“分辨率”?解决思路:在不同分辨率下看到的网页版面格式有很大差别,甚至有可能错位。导致这种差别的原因,主要是因为网页中用了绝对定位的层,并且页面内容设置为居中,这样在分辨率改变时就会导致错位。因此我们可以通过判断用户的分辨率,然后让页面或排版做出相应变化。方法一:做为不同的分辨率做不同的页,然后做个引导页,获取到客户端屏幕的分辨率后转向到相应页具体步骤:捕获用户的分辨率。
水平分辨率: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 语言一样用分号”;”结束,但也可以省略不写,每一新行表示开始一条新语句。
- 上一篇: android滑动标题demo
- 下一篇: Gradle离线包2.2下载,亲测可用,分享给大家