手机页面html字体最小多少钱,【CSS】手机端能设置小于20px的字体吗?

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

e045b2649dabe417889b9244718b0d21.png

f0c921100c8ae2678943663929f0ba69.png

0d669cbf8bc6ed1784ba0589f7586274.png

21e69ba20639d8188f87873dca936bfb.png

回答:

应该是(750/100)*(手机ui像数双倍)?

另外web的chrome下默认是最小是12px,手机上面应该不同浏览器至少能到10px。

lz至少看一下实际模拟时候的大小,第一张图不是控制台吧?。

回答:

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

回答:

谢邀,你的换算方式跟我换算的方式不一样,但是没事。用你的换算方式计算下,看下字体在最小屏上(iPhone5,屏幕宽度是320)上,看下算出来是多少?如果是小于12px;就得小心了!因为ios上和谷歌浏览器上(大部分浏览器),最小的字体是12px;就算你设置font-size:10px;也是显示12px的字体大小!但是,在安卓上,是支持小于12px的字体的,我也没听说过安卓上最小字体这个说法!

建议:你可以跟ui商量下,就是根据你的换算的公式。算出效果图上多少像素的字体,在iPhone5,屏幕宽度是320上,换算出来是小于12像素的,尽量让ui改下!比如我的换算方式,效果图上小于26px的字体,在iPhone5上换算出来的字体都是小于12px;我就会跟ui商量。要么图片代替,要么字体改大(可能效果图也会小改动)

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

回答:

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值