手機版網頁長寬設定問題

[stevekevin10 (hippo泡)]

請問前輩們
我今天在做手機板網頁時
發現我用chrome模擬的情況跟手機實際看到的情況並不一樣
例如我設200px chrome看ok
但到手機上後 畫面確變很小
有兩個問題
1.手機版的元件是否都要改用%數來設定呢
2.字型也需要更改?

--
Sent from my Android

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.225.20.76
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1444234439.A.B74.html
推 Peruheru: 用%數可以針對比例不同情況改變，但不是所有情況都適用
→ Peruheru: Chrome純粹拉小畫面與用F12的手機模擬看到的結果也不同
→ Peruheru: 既然有手機，實際用手機去看應該最準確XD
→ Peruheru: 字型的話我會設定手機板字型稍微小一點，避免擠不下
→ Peruheru: 可是也要考慮螢幕已經很小了，字太小就看不到字了
→ Peruheru: 視情況與你的排版，說不定你應該在手機板使用更大的字
→ Peruheru: 實際在手機上控制，稍微拿遠一點看效果，就知道怎麼改了
推 Peruheru: 歐對了還有個問題，就是viewport
→ Peruheru: <meta name="viewport" content="width=device-width">
→ Peruheru: 把這個加在你網頁中的Head區段內
→ Peruheru: 表示如果是手機查看網頁，就要套用手機版適用大小