在iPhone上查看网站 - 尺寸问题
问题描述：
我希望有一个相对简单的解决方案。我为一个客户端创建了一个简单的网站，在所有浏览器中按预期显示。为项目开发一个单独的移动网站并不属于工作范围，但我希望网站能够在现代移动浏览器上正确显示。目前，在iPhone 4上，1000px宽容器的左侧被剪裁（大约10px），而我无法向左滚动以查看它。我想知道这是CSS问题还是某种缩放问题？该网站可以访问here。在iPhone上查看网站 - 尺寸问题
我已经很难找到与问题相关的任何资源，但没有找到这个片断：
<meta name="viewport" content="width=device-width; initial-scale=0.9;">
难道这是一个变通的开始？如果网站的默认缩放比例为75％，但我没有编码移动设备的经验，我会很高兴。
答
因此，对于我的特殊情况，我找到了一个可行的解决方案。希望这会对类似情况下的其他人有所帮助。
关键是，事实上，在视口meta标签。我正在处理一个网页，其内容仅限于居中的1000px x 600px容器。文章对此非常有帮助。
正如文章所述：“默认情况下，iPhone上的Safari会呈现您的页面，就好像它是一个大屏幕上的桌面浏览器，可用于网页内容的980像素宽度，然后它将缩小内容所以它适合小屏幕。“
在我的情况下，在固定宽度为1000px的情况下，我留下了20px的左边裁剪，并且无法平移。诀窍是设置一个自定义宽度（如果需要，还可以设置高度）。 请务必在垂直和水平iPhone方向上检查网站。还有其他的参数可以用于这个元标签，但我保持简单。
这是我包括<head></head>标签的网站之间的代码：
<meta name="viewport" content="width=1050px, height=650px" />
这让我周围的网站内容的25像素的白色边框，并且仍然允许缩放等，这是不是一个替代iPhone特定的网站，但它确保用户将能够访问该网站的所有内容。
希望这会有所帮助！
@tpaksu ...这不正是我在这种情况下寻找的东西，但删除了文档，它似乎是一个很棒的工具。我一定会在将来使用它。谢谢。 – TheNally
我在想，你可以复制粘贴当前CSS代码与10px右边距或其他东西定义的body元素，然后使用这个adapt.js工具来切换这些CSS文件。 –