當切換到手機橫向時，網站無法正確縮放

我已使用@media創建了具有桌面和移動版本的自適應網站。除了當您在風景手機或iPad上查看網站時，一切都完美無缺。當切換到手機橫向時，網站無法正確縮放

這裏的網站：http://netcomtb.esy.es/home.html

如果按F12鍵，查看網站在移動它看起來不錯，但如果你在iPad上查看，或任何景觀的電話，你會明白我的意思，我只是不知道如何解釋它，所以很難找到解決方案！

第一張圖片是該網站的桌面版本的樣子，第二張圖片是移動網站在nexus 6P上的樣子，第三張圖片是手機處於橫向模式時網站的樣子。

我不能上傳3張圖片，所以我堅持所有3到同一個：

2017-02-26 Calum Stewart

歡迎來到StackOverflow！不幸的是，你的問題不是很清楚。什麼**正確**是問題？在手機上，我看到第二部分只有25％的寬度。這是問題嗎？在iPad上，內容與標題略有重疊？這是問題嗎？我們不能確定問題所在，因爲我們不知道你想要**做什麼**。請更新您的問題，以便清楚說明所需的外觀，以及不需要的內容。欲瞭解更多信息，請參閱[幫助文章]（http://stackoverflow.com/help/how-to-ask）關於如何提出良好的問題:) –

的Lumia 950（10.0.14393）在這裏和網站看起來除了在景觀日期時間標籤罰款。這是你說的同樣的問題嗎？另外#listingcontainer div看起來很奇怪（可能標籤字體太大）

來源

2017-02-26 21:17:45

對不起，我忘了那個網頁哈哈，點擊回家。 HTML，多數民衆贊成在網站即時通訊談論:) –

這將是好得多，如果你提供一個截圖，並顯示哪部分困擾你。 :) –

只是編輯和卡住了一些照片:) –

當切換到手機橫向時，網站無法正確縮放

回答

相關問題