在移动浏览器中更改窗口方向时应显示相同的内容

时间:2013-09-26 05:29:50

标签: javascript html css responsive-design media-queries

我的网站有响应式设计,我在移动浏览器中加载一个页面,其中许多图像一个接一个地显示。看起来很好,当方向改变后,所有内容都会调整大小并正确显示,但显示的内容与更改方向前显示的内容不同

例如,如果在移动浏览器中有5个图像在另一个下方显示,并且当前显示第二个图像,则在更改方向后显示第三个图像而不是第二个

我目前正在使用这个:: <meta name="viewport" content="width=device-width, initial-scale=1" />

请求帮助

1 个答案:

答案 0 :(得分:0)

对于灵活的布局,在不设置缩放参数的情况下,将视口宽度基于相关设备更为实用。请尝试以下方法:

<meta name="viewport" content="width=device-width">