|
网站首页
|
业界新闻
|
小组
|
威客
|
人才
|
下载频道
|
博客
|
代码贴
|
在线编程
|
编程论坛
|
登录
注册
短消息
我发表的主题
我参与的主题
我收藏的贴子
我上传的附件
我下过的附件
编辑个人资料
我的博客
用户控制面板
搜索
道具
恢复默认风格
碧海青天
秋意盎然
棕红预览
粉色回忆
蓝雅绿
紫色淡雅
青青河草
e点小镇
橘子红了
红红夜思
水晶紫色
雪花飘飘
新年快乐
风格
短消息
论坛展区
帮助
编程论坛
→
WEB开发
→
『 WEB前端(UI) 』
→ 网页自动适应分辨率问题
我的收件箱(0)
欢迎加入我们,一同切磋技术
用户名:
密 码:
共有
1725
人关注过本帖
标题:
网页自动适应分辨率问题
只看楼主
加入收藏
yxrectangle
等 级:
论坛游民
帖 子:21
专家分:10
注 册:2010-3-13
结帖率:
100%
楼主
收藏
问题点数:0 回复次数:4
网页自动适应分辨率问题
我在17的显示器上做的网页拿到19上就面目全非了,怎么才能让网页自动适应显示器分辨率……
在线等……
搜索更多相关主题的帖子:
分辨率
网页
自动
2010-06-30 18:19
举报帖子
使用道具
赠送鲜花
poyexyp
等 级:
业余侠客
威 望:
1
帖 子:27
专家分:205
注 册:2010-6-23
第
2
楼
收藏
得分:0
一般来说页面显示的差异主要表现在不同浏览器上,当然,如果是在14寸本子里做的清楚的页面放到19,20寸的屏里看肯定会有过大的不协调感,但是17和19之间应该不至于,这里说的面目全非是指什么情况呢?如果是元素字体大小的问题可适当使用相对尺度,如em;如果是布局错位,查找具体原因,比如浮动,绝对定位等。
[
本帖最后由 poyexyp 于 2010-6-30 20:33 编辑
]
2010-06-30 20:31
举报帖子
使用道具
赠送鲜花
yxrectangle
等 级:
论坛游民
帖 子:21
专家分:10
注 册:2010-3-13
第
3
楼
收藏
得分:0
回复 2楼 poyexyp
浏览器我试过,没有问题,都兼容。在19的显示器上,网页整体在左边,而右边却留下一片空白。后来我在body里面加了:width:80%,margin:auto,这两个属性。网页就基本上在中间。如果我想让网页等比例放大,在17上是全屏幕的,在19上也是全屏幕的,怎么做呢?
网站制作讨论群:92850277
2010-07-01 07:38
举报帖子
使用道具
赠送鲜花
poyexyp
等 级:
业余侠客
威 望:
1
帖 子:27
专家分:205
注 册:2010-6-23
第
4
楼
收藏
得分:0
分辨率的关系,你19寸的屏幕分辨率比17的大,自然会有一边的空白了,可以通过调整19的分辨率到和你17的一样大,然后就会满屏,或者,所有的块状元素宽度都用百分率,不用绝对标尺;当然,一般的页面大多只是在一个宽度的内容框架下来做,超出部分用margin:0 auto让框架剧中也就是了,然后可以通过body和其他一些100%宽度的元素上放拉伸的背景图来消除页面上有空白的感觉。
2010-07-01 15:14
举报帖子
使用道具
赠送鲜花
pyb901214
等 级:
新手上路
帖 子:6
专家分:0
注 册:2013-1-20
第
5
楼
收藏
得分:0
我也遇到过类似的问题,好像要用js才能够解决吧.京东商城的页面就是你说的这个效果,不行你可以试试看.我改变电脑不同的分辨率试了的
2013-04-06 13:18
举报帖子
使用道具
赠送鲜花
5
1/1页
1
快速回复:
网页自动适应分辨率问题
数据加载中...
关于我们
|
广告合作
|
编程中国
|
清除Cookies
|
TOP
|
手机版
编程中国
版权所有,并保留所有权利。
Powered by
Discuz
, Processed in 0.094213 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved