自适应网页手机模拟访问和最终效果不一样,是什么原因?

http://html.kodesolution.live/html/2019/business/industriy/p2-2233-industriy/demo/index-mp-layout1.html

这个网页,在Chrome浏览器里面模拟手机访问,图片尺寸是正常的
image

实际上在手机浏览器里面访问时,图片高度拉长了

image

是哪里出错了?应该怎么排查,谢谢!

阅读 3k
2 个回答

虽然浏览器模拟了特定分辨率的效果,但它毕竟用的是自己的桌面 chrome 引擎,跟你手机上的各种内嵌/自带引擎可能存在差异。所以建议使用一些技术来修正这个问题,比如用 padding-bottom 固定宽高比例,或者在服务器端输出图片高度等。

你的img标签设置了原尺寸的宽高没

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题