獲取1200像素的頁面以在智能手機上正確顯示

我試圖讓1200像素的頁面顯示在三星S7中。由於S7有一個1440x2560的屏幕，我期望頁面顯示正常，但是我看到的只是左邊的四分之一，無法向左滑動以查看更多。我嘗試添加視口元標記：獲取1200像素的頁面以在智能手機上正確顯示

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

但我得到了相同的結果。有誰知道如何讓這個頁面正確顯示？

感謝

2016-12-25 Steve

你的包裝已經overflow-x: hidden;因此內部內容被切斷時#wrapper指定的手機上的寬度比寬度窄的內部內容。

將overflow-x: hidden;關閉或更改爲visible，您將可以滾動查看內容。

2016-12-25 01:31:50 haltersweb

好的，謝謝。但是，我並沒有在「View Page Source」中的任何地方看到「overflow-x：hidden;'在使用Chrome查看桌面上的頁面。你能告訴我你是如何找到的？ – Steve

當您在chrome開發工具中檢查時，您的瀏覽器寬度會縮小到小於767px。該風格在媒體查詢中： @media僅屏幕和（最大寬度：767px）＃wrapper overflow-y：visible; overflow-x：hidden; } – haltersweb

這很奇怪！將頁面縮小到640x960或768x1280在我的桌面上，View Page Source仍然不會顯示像overflow-x：hidden這樣的內容;另外，我爲頁面編寫了HTML和CSS，並且我知道我沒有放置任何媒體查詢。我怎樣才能看到你所看到的？ – Steve

回答