Heim >Web-Frontend >HTML-Tutorial >手机网页的大小问题_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 11:54:011243Durchsuche

我的手机分辨率宽度是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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn