作者stevekevin10 (hippo泡)
看板Web_Design
標題手機版網頁長寬設定問題
時間Thu Oct 8 00:13:57 2015
請問前輩們
我今天在做手機板網頁時
發現我用chrome模擬的情況跟手機實際看到的情況並不一樣
例如我設200px chrome看ok
但到手機上後 畫面確變很小
有兩個問題
1.手機版的元件是否都要改用%數來設定呢
2.字型也需要更改?
--
Sent from my Android
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.225.20.76
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1444234439.A.B74.html
1F：推 Peruheru: 用%數可以針對比例不同情況改變，但不是所有情況都適用 10/08 09:50
2F：→ Peruheru: Chrome純粹拉小畫面與用F12的手機模擬看到的結果也不同 10/08 09:51
3F：→ Peruheru: 既然有手機，實際用手機去看應該最準確XD 10/08 09:52
4F：→ Peruheru: 字型的話我會設定手機板字型稍微小一點，避免擠不下 10/08 09:53
5F：→ Peruheru: 可是也要考慮螢幕已經很小了，字太小就看不到字了 10/08 09:54
6F：→ Peruheru: 視情況與你的排版，說不定你應該在手機板使用更大的字 10/08 09:54
7F：→ Peruheru: 實際在手機上控制，稍微拿遠一點看效果，就知道怎麼改了 10/08 09:56
8F：推 Peruheru: 歐對了還有個問題，就是viewport 10/08 11:24
9F：→ Peruheru: <meta name="viewport" content="width=device-width"> 10/08 11:24
10F：→ Peruheru: 把這個加在你網頁中的Head區段內 10/08 11:25
11F：→ Peruheru: 表示如果是手機查看網頁，就要套用手機版適用大小 10/08 11:25