下载 >  网络技术 >  网络基础 > 让网页自动适应显示器不同的“分辨率”

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

如何让网页自动适应显示器不同的“分辨率”?解决思路:在不同分辨率下看到的网页版面格式有很大差别,甚至有可能错位。导致这种差别的原因,主要是因为网页中用了绝对定位的层,并且页面内容设置为居中,这样在分辨率改变时就会导致错位。因此我们可以通过判断用户的分辨率,然后让页面或排版做出相应变化。方法一:做为不同的分辨率做不同的页,然后做个引导页,获取到客户端屏幕的分辨率后转向到相应页具体步骤:捕获用户的分辨率。 水平分辨率:screen.width垂直分辨率:screen.height 用页面跳转的方法转到相应页。 location.replace(screen.width+".htm") 或者: location.replace(screen.he ight+".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 语言一样用分号”;”结束,但也可以省略不写,每一新行表示开始一条新语句。
...展开详情收缩
2012-10-02 上传大小:24KB
分享
收藏 举报

评论 共11条

chengyii 这个是比较基础的东西,适应手机端的开发
2014-09-24
回复
e7777777 资源还好,很有经验,10个积分与知识比值得,但是现在没有了积分,郁闷,还是谢了!
2014-04-14
回复
xc616889611 可以使用至少全屏
2014-02-18
回复
histyle2 很好 扩展性很强,可以套用很多地方
2013-08-13
回复
mrpmc 很有启发作用,感谢!!!
2013-04-29
回复
doraadream 现在很多浏览器内部的js都不一样因此网页上的元素可能在不同的浏览器上显示的位置不同。之前我也不明白这是为什么,看了资源才知道呀。今天真是学到东西了,网络的力量真强大啊
2012-10-06
回复
nuclear0_0weapon 以前做项目经常为了网页不能自动适应显示器的分辨率,造成网页的布局完全错位的现象,给用户造成很不好的印象。以前也总没有找到一种合适的方法来实现,今天尝试了楼主的方案,果然好用呢。
2012-10-04
回复
lasvegas_0 笔记本电脑重装系统或者是在电脑上安装虚拟机,最大的麻烦就是老是提示让你设置电脑或者虚拟机的分辨率,挺烦人的。我很早就考虑能不能让电脑自动适应,现在终于有方案能做到了。
2012-10-03
回复
qin201209 资源不错,有时间可以自己去试试,还挺省事的呢,也算是一项不错的发明了,哈哈。在这里还要感谢楼主的大力无私的把这么好的资源分享出来,哈哈。先谢谢了。
2012-10-02
回复
qin1249888555 如何让网页自动适应显示器不同的“分辨率”?解决思路:在不同分辨率下看到的网页版面格式有很大差别,甚至有可能错位。导致这种差别的原因,主要是因为网页中用了绝对定位的层,并且页面内容设置为居中,这样在分辨率改变时就会导致错位。因此我们可以通过判断用户的分辨率,然后让页面或排版做出相应变化。方法一:做为不同的分辨率做不同的页,然后做个引导页,获取到客户端屏幕的分辨率后转向到相应页具体步骤:捕获用户的分辨率。
2012-10-02
回复
如何使网页自适应电脑屏幕分辨率?
Android 屏幕适配方案
如何让一个应用更好的适配不同分辨率的屏幕
如何使用js把网页适配为一屏的几个技巧
pc端前端页面适应不同分辨率的问题
各种分辨率显示屏参数对照
Python书籍全集(16,17年最新书籍,9本超清完整非扫描版)

《Python编程:从入门到实践》2016.7 《Python项目开发实战(第2版)》2017.1 《Python核心编程(第3版)》2016.6 《Python编程快速上手:让繁琐工作自动化》2016.7 《Python游戏编程快速上手》2016.8 《Python网络数据采集》2016.3 《Python机器学习:预测分析核心算法》2017.1 《精通Python设计模式》2016.7 《用Python写网络爬虫》2016.9

立即下载
磁力种子搜索神器

磁力种子搜索神器

立即下载
Python从菜鸟到大神的100道经典练习题

说到好用简洁的大数据技术,除了Hadoop、R等等,Python也是其中熠熠生辉的一员,因而广受企业和商家的青睐。求职季,不少应聘者在面试相关职业时都被要求掌握Python的用法。以下,大圣众包威客平台(www.dashengzb.cn)为各位准备了25个Python面试的高频问答,有意者记得收藏本文啦。

立即下载
数字设计:原理与实践(第4版)_[J Wakerly著][机械工业出版社][2007]

数字设计:原理与实践(原书第4版) 的中文版pdf文件

立即下载
win10远程桌面连接工具

用于win10远程桌面连接工具,方便多用户远程连接win10

立即下载
国际学术会议poster海报模板(收集整理很全很多)

国际学术会议poster海报模板(收集整理很全很多)

立即下载
破解sys_cpt.dll+Quartus_II_11.0_SP1_x64破解器(内部版).zip

以上是破解所需的内部破解器和已破解的sys_cpt.dill文件。

立即下载
C语言程序设计谭浩强第五版课后习题答案完整版

C语言程序设计谭浩强第五版课后习题答案完整版C语言程序设计谭浩强第五版课后习题答案完整版

立即下载
《鸟哥的Linux私房菜-基础篇》第四版 简体中文 PDF 带完整书签

《鸟哥的Linux私房菜-基础篇》第四版 简体中文 PDF 带完整书签《鸟哥的Linux私房菜-基础篇》第四版 简体中文 PDF 带完整书签《鸟哥的Linux私房菜-基础篇》第四版 简体中文 PDF 带完整书签《鸟哥的Linux私房菜-基础篇》第四版 简体中文 PDF 带完整书签 具体目录请看 https://blog.csdn.net/csdn123456789xhy/article/details/80233445

立即下载
Microsoft Visual C++ 14.0(安装包)

在安装python依赖包的时候,报错信息"microsoft visual c++ 14.0 is required"的解决办法。 1. 下载此文件、2.解压安装、3.再次执行pip install xx命令。

立即下载
https://pan.baidu.com/s/1E_UqdQMCzDERcq54gk6OJQ

Mui混合开发Mui混合开发Mui混合开发Mui混合开发Mui混合开发

立即下载
苹果OS X 10.11.1(15B42)及虚拟机软件VMware12

包含: VMware Workstation 12(虚拟机软件) unlocker208(帮助虚拟机识别mac系统的插件) OS X 10.11.1(15B42).cdr 是baidu pan链接,失效了里面有备用下载方法

立即下载
BT磁力链搜索引擎源代码

BT磁力链搜索引擎源代码,下载部署后马上就可以使用。

立即下载
vscode编程最好看的字体-MONACO

非常清晰 切好看的字体 看着代码一天都不觉得累 本人使用的工具是vscode

立即下载

热点文章

下载码下载
做任务获取下载码
取消 提交下载码
img

spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip

资源所需积分/C币 当前拥有积分 当前拥有C币
5 0 0
点击完成任务获取下载码
输入下载码
为了良好体验,不建议使用迅雷下载
img

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

会员到期时间: 剩余下载个数: 剩余C币: 剩余积分:0
为了良好体验,不建议使用迅雷下载
VIP下载
您今日下载次数已达上限(为了良好下载体验及使用,每位用户24小时之内最多可下载20个资源)

积分不足!

资源所需积分/C币 当前拥有积分
您可以选择
开通VIP
4000万
程序员的必选
600万
绿色安全资源
现在开通
立省522元
或者
购买C币兑换积分 C币抽奖
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
为了良好体验,不建议使用迅雷下载
确认下载
img

资源所需积分/C币 当前拥有积分 当前拥有C币
1 0 0
为了良好体验,不建议使用迅雷下载
VIP和C币套餐优惠
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
您的积分不足,将扣除 10 C币
为了良好体验,不建议使用迅雷下载
确认下载
下载
您还未下载过该资源
无法举报自己的资源

兑换成功

你当前的下载分为234开始下载资源
你还不是VIP会员
开通VIP会员权限,免积分下载
立即开通

你下载资源过于频繁,请输入验证码

您因违反CSDN下载频道规则而被锁定帐户,如有疑问,请联络:webmaster@csdn.net!

举报

  • 举报人:
  • 被举报人:
  • *类型:
    • *投诉人姓名:
    • *投诉人联系方式:
    • *版权证明:
  • *详细原因: