关于图片在手机浏览器显示大小的问题
程序员文章站
2022-05-10 14:35:55
...
手机分辨率是:720*1280,然后,我用screen.width在手机浏览器上显示也是720.
现在我添加了一张图片,尺寸是638*882的,结果该图片宽度上竟然没有显示全,只显示了一部分,后来我将图片改成360*(高度)的,结果在浏览器界面,在宽度上就正好能显示出来。
请问,这个分辨率到底是怎么算的?
------------------------------------------------------------------------------------------------------------
有这句:
------------------------------------------------------------------------------
也不是。
假如屏幕分辨率为:480*800
我用QQ截一张图,也是480*800,结果网页显示的时候,长宽都不是100%,都只显示一半,据计算,我把图片改成320*533,差不多正好完全显示。
如果屏幕是:720*。。。的,图片宽大概是360.
现在就是不知道这是啥原因。
------------------------------------------------------------
这...如果非得说放大还是缩小的话,那就是图片放大了~~
屏幕:480*800
图片QQ截:480*800
在手机浏览器上显示不完全。
----------------------------------------------------------------------------------------------------------
图片只显示了一部分,但是这部分已经把屏幕手机占满了。
现在我添加了一张图片,尺寸是638*882的,结果该图片宽度上竟然没有显示全,只显示了一部分,后来我将图片改成360*(高度)的,结果在浏览器界面,在宽度上就正好能显示出来。
请问,这个分辨率到底是怎么算的?
回复讨论(解决方案)
//加上这句
//加上这句
------------------------------------------------------------------------------------------------------------
有这句:
你是说自动缩小了?还是放大了?
只显示一部分,那么高度是否100%了?
只显示一部分,那么高度是否100%了?
------------------------------------------------------------------------------
也不是。
假如屏幕分辨率为:480*800
我用QQ截一张图,也是480*800,结果网页显示的时候,长宽都不是100%,都只显示一半,据计算,我把图片改成320*533,差不多正好完全显示。
如果屏幕是:720*。。。的,图片宽大概是360.
现在就是不知道这是啥原因。
你是说自动缩小了?还是放大了?
------------------------------------------------------------
这...如果非得说放大还是缩小的话,那就是图片放大了~~
屏幕:480*800
图片QQ截:480*800
在手机浏览器上显示不完全。
还是不清楚具体表现。
只显示一半,是图片只显示了一半?还是只占屏幕的一半?还是两者兼而有之?
先准确描述好你的问题。。。。
还是不清楚具体表现。
只显示一半,是图片只显示了一半?还是只占屏幕的一半?还是两者兼而有之?
先准确描述好你的问题。。。。
----------------------------------------------------------------------------------------------------------
图片只显示了一部分,但是这部分已经把屏幕手机占满了。
javascript看一下你图片的当前大小,外围元素的边框,内距等等。包括body的外距 内距
body默认是有内距和外距的
楼主自己搞错了,手机的屏幕分辨率跟浏览器可视区域的分辨率不是一回事~~
结贴。
下一篇: 关于图片在手机浏览器显示大小的有关问题
推荐阅读
-
解决EditText编辑时hint 在6.0 手机上显示不出来的问题
-
快速解决Vue项目在IE浏览器中显示空白的问题
-
纯CSS和jQuery实现的在页面顶部显示的进度条效果2例(仿手机浏览器进度条效果)
-
https加载http资源,导致ios手机上的浏览器图片加载问题
-
关于浏览器菜单列显示不了的问题 `SameSite=None` and `Secure`
-
关于echarts在节点显示动态数据及添加提示文本所遇到的问题
-
修正 input 标签 在 IE、chrome、Firefox浏览器下显示不一致的问题
-
解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
-
关于程序在360浏览器下蛋疼的有关问题
-
关于浏览器标签显示为文章标题的有关问题