让网页自动适应显示器不同的“分辨率”

时间：2015-10-23 08:59:28
【文件属性】：

文件名称：让网页自动适应显示器不同的“分辨率”

文件大小：24KB

文件格式：WPS

更新时间：2015-10-23 08:59:28

c++ java 软件设计师 程序员 c#

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

立即下载

网友评论

  • 这个是比较基础的东西，适应手机端的开发
  • 资源还好，很有经验，10个积分与知识比值得，但是现在没有了积分，郁闷，还是谢了！
  • 可以使用至少全屏
  • 很好 扩展性很强，可以套用很多地方
  • 很有启发作用，感谢！！！
  • 现在很多浏览器内部的js都不一样因此网页上的元素可能在不同的浏览器上显示的位置不同。之前我也不明白这是为什么，看了资源才知道呀。今天真是学到东西了，网络的力量真强大啊
  • 以前做项目经常为了网页不能自动适应显示器的分辨率，造成网页的布局完全错位的现象，给用户造成很不好的印象。以前也总没有找到一种合适的方法来实现，今天尝试了楼主的方案，果然好用呢。
  • 笔记本电脑重装系统或者是在电脑上安装虚拟机，最大的麻烦就是老是提示让你设置电脑或者虚拟机的分辨率，挺烦人的。我很早就考虑能不能让电脑自动适应，现在终于有方案能做到了。
  • 资源不错，有时间可以自己去试试，还挺省事的呢，也算是一项不错的发明了，哈哈。在这里还要感谢楼主的大力无私的把这么好的资源分享出来，哈哈。先谢谢了。
  • 如何让网页自动适应显示器不同的“分辨率”？解决思路：在不同分辨率下看到的网页版面格式有很大差别，甚至有可能错位。导致这种差别的原因，主要是因为网页中用了绝对定位的层，并且页面内容设置为居中，这样在分辨率改变时就会导致错位。因此我们可以通过判断用户的分辨率，然后让页面或排版做出相应变化。方法一：做为不同的分辨率做不同的页，然后做个引导页，获取到客户端屏幕的分辨率后转向到相应页具体步骤：捕获用户的分辨率。
  • 资源不错，有时间可以自己去试试，还挺省事的呢，也算是一项不错的发明了，哈哈。在这里还要感谢楼主的大力无私的把这么好的资源分享出来，哈哈。先谢谢了。

相关文章