视口元标记不起作用

Question

你好我有以下的网站，我试图设置与视口标记，例如在全屏显示在手机上，但似乎标签不工作，任何建议我如何解决这个问题？

这是我使用的视口代码：<meta name="viewport" content="width=device-width, initial-scale=1">

该网站是这一个：www.heatherlacombe.com

眼下网站呈现在iPad或类似的Android设备它的一半我想使它适合整个屏幕。

Answer 1

您正在使用的代码...

<meta name="viewport" content="width=device-width, initial-scale=1"> 

...是正确的。但是，如果没有对您的网站进行快速响应的设计，它的实用性将非常有限。我在iPad上测试了网站，尽管比屏幕尺寸大得多，但它完全显示。

它看起来像你正在使用Bootstrap，这让我想知道为什么你的网站没有响应。我建议您在尝试解决Viewport问题之前，考虑为什么您的网站没有采取行动。

Answer 2

您的网站没有响应。所以你不需要在那里有meta标签。如果您将标签取出并在iPad上查看，该网站会自动缩小。