移動渲染的頁面加載完整的垂直頁面在小視圖

Question

我正在爲我的網站構建移動優化頁面。我是移動網站優化的新手。 在我的開發機器上，一切看起來都不錯，但是當我在我的android手機瀏覽器上查看頁面時，它看起來非常小，因爲它會強制瀏覽器中顯示完整的垂直部分文本。這不會發生在我的桌面瀏覽器上。任何想法，我可以阻止這種情況的發生，並在移動瀏覽器中顯示出全部寬度？

Answer 1

你缺少meta-viewport標籤，試試這個：

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

最重要的部分是width=device-width，這將確保您的HTML需要，在屏幕的整個寬度。初始和最大比例屬性設置爲1以禁用縮放，只需將maximum-scale的值更改爲1到10之間的值以允許縮放。