chrome内核的浏览器为了用户体验(大概),是不允许小于12px字体出现的
但是有时候业务需要(比如设置彩蛋之类),必须要10px,5px大小的字体,我们该怎么办呢?
解决方法:
虽然字体最小就是12px没法改变,但是我们可以对包裹文字的标签整体缩放啊,比如这样:
下面是效果,可以看到整个盒子缩小为原来的50%,这样也算是解决问题了。但是审查元素可以发现,实际上font-size还是原来的16px,如果你非要让font-size变成8px,那还是找找别的方法吧。
chrome内核的浏览器为了用户体验(大概),是不允许小于12px字体出现的
但是有时候业务需要(比如设置彩蛋之类),必须要10px,5px大小的字体,我们该怎么办呢?
解决方法:
虽然字体最小就是12px没法改变,但是我们可以对包裹文字的标签整体缩放啊,比如这样:
下面是效果,可以看到整个盒子缩小为原来的50%,这样也算是解决问题了。但是审查元素可以发现,实际上font-size还是原来的16px,如果你非要让font-size变成8px,那还是找找别的方法吧。