Rumah  >  Artikel  >  pembangunan bahagian belakang  >  关于图片在手机浏览器显示大小的问题

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

WBOY
WBOYasal
2016-06-23 13:49:092257semak imbas

手机分辨率是: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默认是有内距和外距的

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

结贴。

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:整数运算问题Artikel seterusnya:请教php pthread后台处理的问题!