如何在无响应的移动网站上设置视口？
我正在devise一个无响应的网站，并在移动视图中遇到问题。 我没有设置视口。 我认为内容应该在桌面上显示相同，因为它只在桌面上缩小。
这是我的问题的视觉：
说明：
在桌面上查看时很好。 在iPhone（手机）标题，导航和页脚的宽度收缩（见图片），主要内容本质上超出了电话viewframe（或视口或其他）…
谢谢！
如果您的网站没有响应，这将有助于设置一个视口。 在网页浏览器中打开网站，find导致devise不中断的最小宽度。 然后在标题中使用下面的元标记，用您希望网站显示的最小宽度replacewidth 。
<meta name="viewport" content="width=1024">
元视口标签告诉浏览器，它应该呈现的网页的宽度不同于默认值。 例如， Safari iOS的默认视口大小是980像素 ，这意味着对于没有元视口标记的网页，正文将呈现980像素宽。 通过指定宽度为1024的元视口标记，主体将呈现为1024px宽。
为了说明，下面是一个网站的例子，它有一个宽度为590px的主div，在默认视口大小为980x的情况下如何渲染，以及如何使用元视口标签指定590px的自定义视口宽度时的渲染方式：
有关视口元标记的详细信息：
https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag