網站未在移動設備中正確顯示

這是我的網站。 http://losroblesrestaurant.com.ar/index7b.php。在手機上顯示時，菜單不適合屏幕顯示。我需要它在347 px寬度被查看。我已經嘗試了媒體查詢和視口，但它似乎沒有工作。網站未在移動設備中正確顯示

我已經試過

<meta name="viewport" content="width=700, user-scalable=no"> 
<meta name="viewport" content="width=80%, user-scalable=no"> and 
<meta name="viewport" content="width=device-width, user-scalable=no">

沒有至極的任何區別可言

我不允許張貼圖片，請檢查：http://losroblesrestaurant.com.ar/images/iphone-problem.jpg

代碼的手機有

body{min-width:347px;}

來源

2014-07-05 user3808307

在這裏顯示你的代碼和你的媒體查詢，我們不應該離開stackoverflow來查看你的問題，至少提供一個[jsfiddle]（http://jsfiddle.net）。 – Jonast92

哼哼......究竟是什麼問題？你能分享一些我們可以修復的代碼嗎？ – Oliboy50

好的，對不起，這是我的第一個問題。我需要一個347像素的寬度（不像以前的572像素）適合屏幕，沒有水平滾動條。對於寬度<777像素，我的媒體查詢是身體{最小寬度：347px;}。當屏幕寬度小於此寬度時，會獲得水平滾動條。我嘗試將vewport設置爲設備寬度，設置爲80％，並設置爲700像素，但仍然顯示相同的方式。我的上層菜單處於固定位置，所以我希望網站在屏幕上顯示爲347px的Minumin，沒有水平滾動。我希望這可以解決問題 – user3808307

編輯：

您在.inner上設置固定的最小寬度。你需要刪除它。

對於.inner-blanco，您的寬度也爲990px。將其更改爲100％。

來源

2014-07-05 20:07:45 joshboley

我試過這個，但它不起作用，它顯示了同樣的東西 – user3808307

對不起，我寫了錯誤的元素名稱。我編輯它以反映正確的名稱。 – joshboley

我在telefono.css中覆蓋了最小寬度：700px，但仍然不起作用。 – user3808307

網站未在移動設備中正確顯示

回答

相關問題