作者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/cn.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