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

原创
2016-06-24 11:54:01 932浏览

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


回复讨论(解决方案)



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

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

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。