V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 3022 days ago, the information mentioned may be changed or developed.
如果为 12px 字体太小了啊？
是设计的问题还是什么问题？
 |
1
CEBBCAT Jan 21, 2018 via Android
我不太懂你们设计的事儿，可我掰着指头算了算，确实该是 12 像素啊
|
 |
2
lkb Jan 21, 2018 via iPhone
等比例适配如果不对，就要 Ui 给定区间.该怎么适配.如在宽为 375 ～ 500，要在等比例基础上乘以系数 0.5，在 500 ～ 1000，要在等比例基础上乘以系数 1.2.例子是瞎举的.如果不用适配这么多，那么就不用管那么多，那推给 UI，设计的过小.
|
 |
3
rookie603 Jan 21, 2018
现在没人用 360px 的吧 最少也得做 720px 的了
|
|
4
rookie603 Jan 21, 2018
手机界面最小字体不能低于 20px 的
|
 |
5
qiukong Jan 21, 2018
[设计图] 这是个图片，宽高比例当然随着屏幕大小缩放，如果算下来肯定是 12px。
如果你说的是 html 字体，那不管屏幕大小多少 px，字体大小都是固定的 36px。 |
 |
6
autoxbc Jan 21, 2018 via iPhone
不懂你们设计，我看网站写死字号都很傻，直接留空，浏览器就会读用户的默认设置，效果会更好
如果不写死字号排版就会错位，那是前端水平不行 |
 |
7
yantianqi OP @qiukong 是要根据 1080px 的效果图，写移动端页面，字号写 rem，计算完后在 360 逻辑像素下为 12px，字体有点小吧？
|
 |
9
ChefIsAwesome Jan 21, 2018
原图手机里打开，找你们设计过来，问他这字小不小。他要是说不小，就这么设计的，那就是这么设计的。
|
 |
10
xmgit Jan 21, 2018
显示器大小不一致，dpi 不一致，你们这么算是会出问题的。
|
 |
12
meszyouh Jan 21, 2018
如果这只是移动端的设计稿，12px 没问题
|
 |
13
oswuhan Jan 21, 2018
10 楼说得对，具体的设备具体分析，前端不可能有后端那样的抽象程度。对于移动应用来说，稍微复杂点的 UI，很难一套设计稿兼容所有设备，必须根据 DPI、屏幕尺寸、屏幕形状出多套设计稿。移动网页稍微简单点，可以通过设置 viewport 来禁止缩放，不缩放的方案也有，谷歌百度一大堆，根据不同的缩放方案出设计稿。
|
 |
14
joeaaa Jan 21, 2018 via iPhone
这里是不是要用 em 了
|
 |
15
msg7086 Jan 22, 2018
不能简单等比例缩小的……
|
|
17
msg7086 Jan 23, 2018
@yantianqi 根据需求重新设计？当然我说的也不是像素的问题而是设备大小。如果是同一款设备，1080px 的 36px 转成 360px，那的确是 12px。如果是从显示器变成手机屏幕，那就算是像素数相同也不能直接套了。
|
 |
18
jisi724 Jan 23, 2018
如果有设计稿的话一套桌面一套移动端是合理的，具体的字号要求可以问设计师要 styleguide, 字号结合 rem 缩放基本满足需求。
如果没有移动端设计稿，可以试试不同设备自己感觉，不要单纯依赖缩放计算。根据项目的经验我觉得至少 16px 看起来是舒服的。。。 |
Select Language