使用媒體查詢優化移動網絡體驗

Question

我對網絡開發非常陌生，最近我一直在使用媒體查詢來優化我的網頁，當縮小各種分辨率時。

我在Mozilla Firefox中使用響應式設計視圖以不同屏幕尺寸測試我的網站，但實際上在移動設備上查看時遇到問題。

你可以通過這兩個圖片中看到我重視，在相同的分辨率在Mozilla Firefox瀏覽我的電話的時候（測試）顯示看起來很多大如字體大小似乎大於我在移動設備上查看頁面時的實際大小。

我試着將研究如何優化它而無需創建各種顯示單獨的CCS牀單，如果有人能在正確的方向點我將不勝感激。

在此先感謝，山姆。

圖片1：火狐響應式設計視圖
圖片2：移動視圖

Answer 1

可能是你缺少視申報？

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

如果這不起作用，小提琴可能會幫助您查看問題所在。