Home  >  Article  >  Backend Development  >  关于图片在手机浏览器显示大小的问题

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

WBOY
WBOYOriginal
2016-06-23 13:49:092256browse

手机分辨率是: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" />

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



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

有这句:

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

只显示一部分,那么高度是否100%了?

只显示一部分,那么高度是否100%了?


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

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

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


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

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

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


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

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

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

结贴。

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn