如果为 12px 字体太小了啊?
是设计的问题还是什么问题?
1
CEBBCAT 2018-01-21 00:06:40 +08:00 via Android
我不太懂你们设计的事儿,可我掰着指头算了算,确实该是 12 像素啊
|
2
lkb 2018-01-21 00:16:04 +08:00 via iPhone
等比例适配如果不对,就要 Ui 给定区间.该怎么适配.如在宽为 375 ~ 500,要在等比例基础上乘以系数 0.5,在 500 ~ 1000,要在等比例基础上乘以系数 1.2.例子是瞎举的.如果不用适配这么多,那么就不用管那么多,那推给 UI,设计的过小.
|
3
rookie603 2018-01-21 00:23:21 +08:00
现在没人用 360px 的吧 最少也得做 720px 的了
|
4
rookie603 2018-01-21 00:23:45 +08:00
手机界面最小字体不能低于 20px 的
|
5
qiukong 2018-01-21 02:22:29 +08:00
[设计图] 这是个图片,宽高比例当然随着屏幕大小缩放,如果算下来肯定是 12px。
如果你说的是 html 字体,那不管屏幕大小多少 px,字体大小都是固定的 36px。 |
6
autoxbc 2018-01-21 06:07:47 +08:00 via iPhone
不懂你们设计,我看网站写死字号都很傻,直接留空,浏览器就会读用户的默认设置,效果会更好
如果不写死字号排版就会错位,那是前端水平不行 |
7
yantianqi OP @qiukong 是要根据 1080px 的效果图,写移动端页面,字号写 rem,计算完后在 360 逻辑像素下为 12px,字体有点小吧?
|
9
ChefIsAwesome 2018-01-21 09:07:26 +08:00
原图手机里打开,找你们设计过来,问他这字小不小。他要是说不小,就这么设计的,那就是这么设计的。
|
10
Bardon 2018-01-21 11:07:59 +08:00
显示器大小不一致,dpi 不一致,你们这么算是会出问题的。
|
12
meszyouh 2018-01-21 12:11:47 +08:00
如果这只是移动端的设计稿,12px 没问题
|
13
oswuhan 2018-01-21 15:53:22 +08:00
10 楼说得对,具体的设备具体分析,前端不可能有后端那样的抽象程度。对于移动应用来说,稍微复杂点的 UI,很难一套设计稿兼容所有设备,必须根据 DPI、屏幕尺寸、屏幕形状出多套设计稿。移动网页稍微简单点,可以通过设置 viewport 来禁止缩放,不缩放的方案也有,谷歌百度一大堆,根据不同的缩放方案出设计稿。
|
14
joeaaa 2018-01-21 20:37:34 +08:00 via iPhone
这里是不是要用 em 了
|
15
msg7086 2018-01-22 09:46:41 +08:00
不能简单等比例缩小的……
|
17
msg7086 2018-01-23 03:07:15 +08:00
@yantianqi 根据需求重新设计?当然我说的也不是像素的问题而是设备大小。如果是同一款设备,1080px 的 36px 转成 360px,那的确是 12px。如果是从显示器变成手机屏幕,那就算是像素数相同也不能直接套了。
|
18
jisi724 2018-01-23 08:53:01 +08:00
如果有设计稿的话一套桌面一套移动端是合理的,具体的字号要求可以问设计师要 styleguide, 字号结合 rem 缩放基本满足需求。
如果没有移动端设计稿,可以试试不同设备自己感觉,不要单纯依赖缩放计算。根据项目的经验我觉得至少 16px 看起来是舒服的。。。 |