響應式網頁設計在桌面上工作，但不在移動設備上

我有一個網站，必須對移動電話響應。我用我的桌面創建了它。當我調整瀏覽器窗口時，它對手機非常適用，但是當我在真正的手機上查看時：Samsung Galaxy S2對手機視圖沒有響應。響應式網頁設計在桌面上工作，但不在移動設備上

什麼可能是錯誤的？

你將不得不添加更多的信息和代碼的人是有幫助的。你的CSS，HTML等你使用的是什麼框架（如Twitter Bootstrap）等等。 – ajacian81

222

你可能會錯過視meta標籤在HTML頭：

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

沒有它的設備承擔，並將視到全尺寸。

更多信息here。

2013-01-29 07:28:20 Agush

它可以在沒有這條線的情況下在瀏覽器上工作，但是在移動設備上它只需要這條線。 –

我已經使用了這個，但它還沒有工作。請檢查http://august.com.sg/ – w3debugger

我只是愛你 –

檢查您的CSS或使用CSS驗證器。

Parse Error 

    .navbar .nav li a { 
    padding-right: 5px; 
    paddng-left: 5px;

它看起來像你還沒有關閉你的大括號或錯字錯誤。

2016-04-12 07:45:54

我也遇到過這個問題。最後我得到了一個解決方案使用此波紋管代碼。希望：問題會解決。

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

2017-08-20 06:35:24

添加爲我工作的「maximum-scale = 1」。 – tsteve

回答