css響應：移動版本

Question

我是新來的CSS，我正在用媒體查詢創建響應式設計。 當我將瀏覽器的大小更改爲480px或更小（僅@media屏幕和（max-device-width：480px））時，設計工作正常，但當我在移動設備上打開它或在Chrome上使用切換設備工具欄時，太小，我沒有得到與小窗口桌面相同的設計

是否有東西缺失（另一個媒體查詢或其他）使移動設計上的相同在桌面上的小窗口。

預先感謝您

Answer 1

您可以嘗試添加到您的HTML？

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 

我的猜測是縮放是你的問題。無論是，或者您的手機的實際分辨率可能高於寬度爲480px。

我粘貼的代碼行是Bootstrap的一部分，這是最受歡迎的HTML，CSS和JS框架，用於在Web上開發響應式移動第一項目。（引自他們的網站，我並不反對）。

我建議看一下bootstrap，因爲它是用媒體查詢製作的，而且真的是爲響應式網站設計的。