响应式移动模板上的视口宽度问题

Question

我正在尝试将设计不佳的模板转换为响应式设计，可在此处找到：http://www.crhinc.com/about-mobile.html

我有一个问题，在桌面浏览器大小适合移动模板看起来很好，但在Android和iPhone上，页面比视口大。我知道我必须遗漏一些东西，但正如你所看到的，我已经概述了这些元素只是为了试试看看我是否能找到那些在视口外拉伸它并导致手机从一边滚到另一边的东西但不是桌面浏览器。

我将身体设置为300px宽度，只是为了看看我是否能找到流氓元素，但是因为它不起作用而把它放回去。内容中有几个表，但都设置为100％宽度。

由于某种原因，它几乎看起来像桌面和手机上的宽度或实际上不一样。

杰夫

Answer 1

你真的认为它是视口吗？您是否使用正确的内容设置了viewport？

也许this link可以提供帮助。

或者只是CSS？在这种情况下，我建议您搜索width等。试图找到大数字..

设置指定的宽度应该是指定的屏幕尺寸。否则将其设为最大宽度。