我正在尝试修复网页设计中的一些页面，并遇到了一个问题，我的常规桌面浏览器上看起来不错的侧边栏横幅广告似乎在iPhone和Android设备上显示“关闭屏幕”。通过将视口元标记设置为更高的值（例如1300），问题似乎消失了。虽然没有发现任何副作用，但是我很好奇，如果将标签设置为很高的值，则表示设计问题更大？将视口元标记设置为1300？
<meta name="viewport" content="width=1300" />
您应该使用此meta标签：
<meta name="viewport" content="width=device-width">
，因为如果你是在移动设备上查看自己的网站，例如，您的网站将是微小的和不可见的。
<meta name="viewport" content="width=1300" />
你的meta标签确实是说给浏览器，
“不论屏幕这个网站上（视口宽度）的宽度 渲染它，就好像它是一个1300px宽屏幕“。
如果您的视口小于1300像素，将会“缩小”，如果视口大于1300像素，则会“缩小”。
现在，听起来对于我来说，如果你使用它来修复你的布局，你会遇到更大的问题。我强烈建议您查看bootstrap，以便使布局响应。 Bootstrap是一个css文件库，您可以添加到您的网站来完成很多事情，其中之一就是创建一个流畅的响应式网格系统。
我建议从here开始了解bootstrap以及它可以做些什么，然后google搜索一些文章。每个人都喜欢它！相信我，一旦你意识到它可以使你的生活变得简单，你也会喜欢它。
谢谢，我并没有真正用视口“修复”版面，而是试图让手机上显示整个屏幕。我现在意识到，如果信息适当放大，没有响应式设计是一个错误，但是，我不确定在开发过程中我将如何轻松地修复它。你有没有经验“引导”现有的网站？ – tvfoodmaps 2013-02-12 14:38:05
是的。它实际上是*制作的，用于使现有网站响应。 – 2013-02-12 14:38:52
将此问题标记为已回答。用一个实际的html结构例子开始一个新的问题，并要求在将现有网站转换为响应式bootstrap的过程中指向正确的方向。我会写我自己对过去所做的事情的看法，我相信其他人也会加入。 – 2013-02-12 14:42:13
你是什么意思“设置视口元标记为更高的值？”请发布您的确切视区元标记。 – 2013-02-12 03:06:18
我将它添加到问题中。感谢您的关注。 – tvfoodmaps 2013-02-12 03:26:02