查看移動設備上的完整分辨率

我一直在多個網站上，其中onload在哪裏縮小網站以保持分辨率，從而停止移動頁面上的重疊。查看移動設備上的完整分辨率

林不知道我正確解釋我的問題。由於我是新成員，因此我會添加鏈接以區別差異。

我已經嘗試了一些css3媒體查詢和我在網上找到的一些meta標籤，但目前沒有任何工作適合我。

你可以從下面的圖片有與推動內容太遠給人一種壓扁的外觀導航欄重疊見。 http://conorpendlebury.com/Images/Screenshot.png

您是否試圖讓#Sidebar與#MainContent和#Footer重疊時激活，而#Bio不會擠壓？

如果是這樣，讓你的#MainContent和#Footer與position: relative和z-index: -1和消除任何正在同時激活他們的marginLeft等於document.getElementById('Sidebar').style.width。

如果您打算讓它壓扁，您需要重新計算並重新應用css到#MainContent和#Footer的函數。

2016-11-14 08:45:57

我其實喜歡桌面網站上的過渡。這是手機問題。我正在尋找一種方法，可以將移動版本縮小爲將其描繪爲桌面，或者只是重疊而不是擠壓移動設備。 –

在小屏幕上弄髒內容可能會成爲用戶體驗問題，因爲他們可能無法讀取任何太小的內容。除非手機處於橫向模式，否則移動版本的桌面佈局將無法正常工作。 –

是否有一種可能的方式來改變只是移動。媒體查詢等... –

要構建一個offcanvas導航，您將頁面設置爲translateX導航的大小。所以容器保持寬度。這裏是example。

可以在沒有JavaScript的情況下對其進行編碼。

2016-11-13 23:50:00

回答