宽 1080px 的设计图，字体大小为 36px，在 360px 下字体大小为 12px 吗？
yantianqi · 2018-01-21 00:03:47 +08:00 · 3665 次点击这是一个创建于 2500 天前的主题，其中的信息可能已经有所发展或是发生改变。
如果为 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 看起来是舒服的。。。 |
Select Language