移动端字体大小

Question

设计师通常设计稿都是640px的，而在320屏幕下，640px设计稿上的标题，文本字体大小是减去一半呢？还是其他处理方式？如果是减去一半，那设计稿上的12，14px字体怎么说。。如果不是，那标题的26px，32px在320px下会很大！

Answer 1

那应该是设计师的问题。一般都是除以2来做的。让设计师更改一下吧

Answer 2

一般都是除以2，字体也是。设计稿不能小于24px吧，之前看一个调研说手机上12px以上看起来是比较舒服的，不然做出来让人怎么看。。

Answer 3

如果要在320的屏幕下一丝不苟的还原640的设计稿的话，那就要字号减半了。
在移动端，我一个年轻人认为最小可接受的大概是10px左右。再小就真看不清了。为了老年人或者视力不好的用户着想，应该保证12px+。字号要是太小最好找设计师反应一下，设计师在电脑上做，有时感觉不出自己把字做小了。

Answer 4

字体大小单位用em来做，可以自响应

Answer 5

按640的尺寸做的话meta就写 initial-scale=0.5,

Answer 6

一般都是基于720或者640的稿子。
但是，这个并不是很重要，重要的是，你只要按照稿子中的像素写样式即可。
单位用rem。
然后再使用一个media query 样式表，针对分辨率调整html根字体大小即可。

Answer 7

响应式设计没有什么硬性规定，具体的调整，还是要根据你测试时的页面做对应的修改就是了，没必要一起改什么的，最重要的是内容清晰的展示和用户体验的良好