視口元標記不起作用

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上查看，該網站會自動縮小。