请教前端大佬，自适应网页 chrom 手机模拟访问和真实访问效果不一样

[kkvin520]

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

[TomatoYuyuko]

页面打不开。。。遇到过类似的问题，chrome 测移动端有时候会这样，试试换个尺寸单位

[fangdown]

太慢了 用的什么网站

[深圳 /长沙] 腾讯云前端社招~~急招！！！联系我内推，微信同号

[kkvin520]

@TomatoYuyuko img 的尺寸设置为：width: 100% ； height: auto ；没有设置固定尺寸

[TomatoYuyuko]

@kkvin520 换 100vh 试试

[TomatoYuyuko]

@kkvin520 vh wh

[TomatoYuyuko]

@TomatoYuyuko 打错了，，vh 和 vw

[icedwatermelon]

可以试试<img height="100%" src="..." /> 或者 <div><img src="..." /></div>

[rioshikelong121]

模拟和真机环境本来就不完全一样 你用 chrome remote debug 调试一下真机不就完事了。

[kkvin520]

@TomatoYuyuko 非常感谢！我把改成这样 width: 100vw; height: 100%;现在手机浏览高度没有拉升了，虽然不知道原理。非常感谢帮助！