关于图片在手机浏览器显示大小的问题-PHP Tutorial-php.cn

关于图片在手机浏览器显示大小的问题

WBOY

Release： 2016-06-23 13:49:09

Original

2316 people have browsed it

手机分辨率是：720*1280，然后，我用screen.width在手机浏览器上显示也是720.

现在我添加了一张图片，尺寸是638*882的，结果该图片宽度上竟然没有显示全，只显示了一部分，后来我将图片改成360*（高度）的，结果在浏览器界面，在宽度上就正好能显示出来。

请问，这个分辨率到底是怎么算的？

回复讨论(解决方案)

//加上这句<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

Copy after login

//加上这句<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

Copy after login

------------------------------------------------------------------------------------------------------------

有这句：

你是说自动缩小了？还是放大了？

只显示一部分，那么高度是否100%了？

------------------------------------------------------------------------------
也不是。
假如屏幕分辨率为：480*800
我用QQ截一张图，也是480*800，结果网页显示的时候，长宽都不是100%，都只显示一半，据计算，我把图片改成320*533，差不多正好完全显示。
如果屏幕是：720*。。。的，图片宽大概是360.

现在就是不知道这是啥原因。

你是说自动缩小了？还是放大了？

------------------------------------------------------------
这...如果非得说放大还是缩小的话，那就是图片放大了~~
屏幕：480*800
图片QQ截：480*800
在手机浏览器上显示不完全。

还是不清楚具体表现。
只显示一半，是图片只显示了一半？还是只占屏幕的一半？还是两者兼而有之？
先准确描述好你的问题。。。。

----------------------------------------------------------------------------------------------------------
图片只显示了一部分，但是这部分已经把屏幕手机占满了。

javascript看一下你图片的当前大小，外围元素的边框，内距等等。包括body的外距内距
body默认是有内距和外距的

楼主自己搞错了，手机的屏幕分辨率跟浏览器可视区域的分辨率不是一回事~~

结贴。