我的网站有响应式设计,我在移动浏览器中加载一个页面,其中许多图像一个接一个地显示。看起来很好,当方向改变后,所有内容都会调整大小并正确显示,但显示的内容与更改方向前显示的内容不同
例如,如果在移动浏览器中有5个图像在另一个下方显示,并且当前显示第二个图像,则在更改方向后显示第三个图像而不是第二个
我目前正在使用这个::
<meta name="viewport" content="width=device-width, initial-scale=1" />
请求帮助
答案 0 :(得分:0)
对于灵活的布局,在不设置缩放参数的情况下,将视口宽度基于相关设备更为实用。请尝试以下方法:
<meta name="viewport" content="width=device-width">