这是一个创建于 1641 天前的主题，其中的信息可能已经有所发展或是发生改变。
http://html.kodesolution.live/html/2019/business/industriy/p2-2233-industriy/demo/index-mp-layout1.html
这个网页，在 Chrome 浏览器里面模拟手机访问，图片尺寸是正常的
https://imgur.com/3W7jluA
实际上在手机浏览器里面访问时，图片高度拉长了，查了好几天找不出原因，快疯了。请帮忙看看哪里有问题，谢谢！
https://imgur.com/ePooOrt
这个网页，在 Chrome 浏览器里面模拟手机访问，图片尺寸是正常的
https://imgur.com/3W7jluA
实际上在手机浏览器里面访问时，图片高度拉长了，查了好几天找不出原因，快疯了。请帮忙看看哪里有问题，谢谢！
https://imgur.com/ePooOrt
 |
1
TomatoYuyuko 2020-06-05 16:04:06 +08:00
页面打不开。。。遇到过类似的问题，chrome 测移动端有时候会这样，试试换个尺寸单位
|
 |
2
fangdown 2020-06-05 16:12:31 +08:00
太慢了 用的什么网站
[深圳 /长沙] 腾讯云前端社招~~急招！！！联系我内推，微信同号 |
 |
3
kkvin520 OP @TomatoYuyuko img 的尺寸设置为：width: 100% ； height: auto ；没有设置固定尺寸
|
|
4
TomatoYuyuko 2020-06-05 16:24:36 +08:00
@kkvin520 换 100vh 试试
|
|
5
TomatoYuyuko 2020-06-05 16:24:58 +08:00
@kkvin520 vh wh
|
|
6
TomatoYuyuko 2020-06-05 16:26:15 +08:00
@TomatoYuyuko 打错了，，vh 和 vw
|
 |
7
icedwatermelon 2020-06-05 16:58:59 +08:00
可以试试<img height="100%" src="..." /> 或者 <div><img src="..." /></div>
|
 |
8
rioshikelong121 2020-06-05 17:02:36 +08:00
模拟和真机环境本来就不完全一样 你用 chrome remote debug 调试一下真机不就完事了。
|
|
9
kkvin520 OP @TomatoYuyuko 非常感谢！我把改成这样 width: 100vw; height: 100%;现在手机浏览高度没有拉升了，虽然不知道原理。非常感谢帮助！
|
Select Language