手机网页的大小问题_html/css_WEB-ITnose

php中文网
发布: 2016-06-24 11:54:01
原创
1408人浏览过

我的手机分辨率宽度是480PX的,做了一个小网页用表格规范宽度为480px,并将网页边距用css中的margin属性设置为0px,可是用我的手机访问的时候网页好象缩小了,左右和下方都有留白,只有上面是在浏览器顶端的,只有双击页面以后才能适应当前手机的宽度显示。而且明显网页下端仍有留白,如何才能正确设置成手机正常的全屏显示?

文小言
文小言

百度旗下新搜索智能助手,有问题,问小言。

文小言 57
查看详情 文小言

回复讨论(解决方案)



我想实现第一张图片的效果,但我目前只能实现第二张图片的效果

http://baike.baidu.com/view/8539585.htm?fr=aladdin


试了仁兄的方法,但网页显示好象又超出浏览器范围了

http://baike.baidu.com/view/8539585.htm?fr=aladdin


话说我现在还没有研究响应式布局那么复杂,我只想针对我这480PX的手机实现网页的全屏显示


http://baike.baidu.com/view/8539585.htm?fr=aladdin


话说我现在还没有研究响应式布局那么复杂,我只想针对我这480PX的手机实现网页的全屏显示
没办法一步到位的,你的样式要重新调下

还有高手指教吗???谢谢啦啊。。。。

直接height width 100% 不行吗?

直接height width 100% 不行吗?

试了,不行

我最近也在做手机网页,按百分比来分配会做得到的,因为手机的屏幕也是100%

手机开始热门了。哎  。你说的这个问题可以是几个原因导致的 没看到代码不敢下结论。猜测一,你的头部申明文件 用的是 PC 的页面申明。 猜测二  你没有设置缩放比例。猜测三 你可能开启了  手动缩放比例 然后自己不小心 在浏览网页的时候缩小网页 等你在开第二个页面的时候 页面就会根据你之前的 缩放比例 缩放在你的手机屏幕上。其它的不敢猜测了。

你hack的时候用

*{padding:0;margin:0}
登录后复制

没?

position:absolute;top:0;right:0;bottom:0;left:0

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号