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