手机端能设置小于20px的字体吗？

Question

目前用的单位是rem，换算是(手机ui像数双倍)/(750/10)，现在的一个问题是，为什么随着屏幕尺寸改变，盒子内的间距没有等比缩小，反而溢出盒子了，而且如【进入展会】按钮在iphone5下直接有部分字体看不到了，字体不能比20px还要小了吗？

Answer 1

应该是(750/100)*(手机ui像数双倍)？
另外web的chrome下默认是最小是12px，手机上面应该不同浏览器至少能到10px。
lz至少看一下实际模拟时候的大小，第一张图不是控制台吧？。

Answer 2

谷歌浏览器默认字体最小为12px，你可以写小于12px的字体，但是在谷歌浏览器上是不起作用的，你可以用手机查看一下，应该是可以的。

Answer 3

谢邀，你的换算方式跟我换算的方式不一样，但是没事。用你的换算方式计算下，看下字体在最小屏上（iPhone5，屏幕宽度是320）上，看下算出来是多少？如果是小于12px；就得小心了！因为ios上和谷歌浏览器上(大部分浏览器)，最小的字体是12px;就算你设置font-size:10px;也是显示12px的字体大小！但是，在安卓上，是支持小于12px的字体的，我也没听说过安卓上最小字体这个说法！
建议：你可以跟ui商量下，就是根据你的换算的公式。算出效果图上多少像素的字体，在iPhone5，屏幕宽度是320上，换算出来是小于12像素的，尽量让ui改下！比如我的换算方式，效果图上小于26px的字体，在iPhone5上换算出来的字体都是小于12px；我就会跟ui商量。要么图片代替，要么字体改大（可能效果图也会小改动）

不好意思，没看到你这个问题：“为什么随着屏幕尺寸改变，盒子内的间距没有等比缩小”，你没给代码出来，我只能猜两个理由。1.你的盒子内的间距不是使用rem计算的。2.屏幕大小改变的时候，你没有重新换算一下rem!

Answer 4

我个人来说，字体都是直接用rem写，必要时会精确到小数点后两位，至于大小，以iPhone 6 为准，因为6的屏幕正好处于5和6 plus之间，市场上用这屏幕的人还是比较多的。