在智能手機上查看我的頁面上的額外空間

Question

我想要my page爲無響應。它寬約1000px。我希望它在我的智能手機上全部顯示，以便用戶不得不放大以讀取正常大小的字符。

然而，無論我做什麼，在智能手機上查看時，我總是會在主要內容的右側顯示數百個像素。我試圖將width: 1050px設置爲包含整個頁面的「wrap」元素，結果相同。現在我的身體標記設置爲width: 1050px，結果相同。

我試過沒有視口標記。然後我試着用<meta name="viewport" content="width=1050, initial-scale=1">。

理想情況下，在智能手機上，我希望頁面水平居中顯示，每邊有30px的填充，不可能水平滾動。怎麼做？

Answer 1

使用

body { 
    overflow-x: hidden; 
} 

並更改元標記

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