我正在尝试在我的网页设计上修复一些页面，并遇到一个问题，即在我的常规桌面浏览器上看起来很好的侧边栏横幅广告似乎在iPhone和Android设备上显示“屏幕外”。通过将视口元标记设置为更高的值（例如1300），该问题似乎消失了。虽然没有发现任何副作用，但我很好奇如果将标签设置为高值，则表明设计问题更大？
<meta name="viewport" content="width=1300" />
答案 0 :(得分：1)
您应该使用此元标记：
<meta name="viewport" content="width=device-width">
例如，如果您在移动设备上查看自己的网站，那么您的网站将会很小且无法查看。
<meta name="viewport" content="width=1300" />
您的元标记的作用是对浏览器说，
“无论此网站的屏幕宽度如何（视口宽度） 渲染它好像它是1300px宽屏幕。“
如果视口小于1300像素，那么“缩小”，如果视口大于1300像素，则“放大”。
现在，对我来说，如果您使用它来修复布局，则会遇到更大的问题。我强烈建议您查看引导程序，以使您的布局响应。 Bootstrap是一个css文件库，您可以将其添加到站点中以执行很多操作，其中之一是创建流畅的响应式网格系统。
我建议启动here来了解bootstrap及其功能，然后谷歌搜索一些文章。每个人都喜欢它！相信我，一旦你意识到它可以让你的生活变得多么简单，你也会喜欢它。