宽 1080px 的设计图，字体大小为 36px，在 360px 下字体大小为 12px 吗？

[yantianqi]

如果为 12px 字体太小了啊？
是设计的问题还是什么问题？

[CEBBCAT]

我不太懂你们设计的事儿，可我掰着指头算了算，确实该是 12 像素啊

[lkb]

等比例适配如果不对，就要 Ui 给定区间.该怎么适配.如在宽为 375 ～ 500，要在等比例基础上乘以系数 0.5，在 500 ～ 1000，要在等比例基础上乘以系数 1.2.例子是瞎举的.如果不用适配这么多，那么就不用管那么多，那推给 UI，设计的过小.

[rookie603]

现在没人用 360px 的吧 最少也得做 720px 的了

[rookie603]

手机界面最小字体不能低于 20px 的

[qiukong]

[设计图] 这是个图片，宽高比例当然随着屏幕大小缩放，如果算下来肯定是 12px。
如果你说的是 html 字体，那不管屏幕大小多少 px，字体大小都是固定的 36px。

[autoxbc]

不懂你们设计，我看网站写死字号都很傻，直接留空，浏览器就会读用户的默认设置，效果会更好

如果不写死字号排版就会错位，那是前端水平不行

[yantianqi]

@qiukong 是要根据 1080px 的效果图，写移动端页面，字号写 rem，计算完后在 360 逻辑像素下为 12px，字体有点小吧？

[tank]

@1x 的界面设计里 12px 的字不算太小啊，正文字号一般也就 13-16px，12px 的字号挺常见的

[ChefIsAwesome]

原图手机里打开，找你们设计过来，问他这字小不小。他要是说不小，就这么设计的，那就是这么设计的。

[Bardon]

显示器大小不一致，dpi 不一致，你们这么算是会出问题的。

[yantianqi]

@Bardon 主要移动端，那应该怎么算

[meszyouh]

如果这只是移动端的设计稿，12px 没问题

[oswuhan]

10 楼说得对，具体的设备具体分析，前端不可能有后端那样的抽象程度。对于移动应用来说，稍微复杂点的 UI，很难一套设计稿兼容所有设备，必须根据 DPI、屏幕尺寸、屏幕形状出多套设计稿。移动网页稍微简单点，可以通过设置 viewport 来禁止缩放，不缩放的方案也有，谷歌百度一大堆，根据不同的缩放方案出设计稿。

[joeaaa]

这里是不是要用 em 了

[msg7086]

不能简单等比例缩小的……

[yantianqi]

@msg7086 那应该？

[msg7086]

@yantianqi 根据需求重新设计？当然我说的也不是像素的问题而是设备大小。如果是同一款设备，1080px 的 36px 转成 360px，那的确是 12px。如果是从显示器变成手机屏幕，那就算是像素数相同也不能直接套了。

[jisi724]

如果有设计稿的话一套桌面一套移动端是合理的，具体的字号要求可以问设计师要 styleguide, 字号结合 rem 缩放基本满足需求。

如果没有移动端设计稿，可以试试不同设备自己感觉，不要单纯依赖缩放计算。根据项目的经验我觉得至少 16px 看起来是舒服的。。。

[davin]

@yantianqi 有 px to rem 这种工具的，前端应该知道