在日常的开发中,可能会遇到如下情况,设计给出来的字体大小,小于浏览器目前所限制的大小。
如何解决这个问题,目前可以提供两个办法。
1、使用 transform
2、使用.................................................................................................................................................图片
transform 定义
该向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。
移动 ----- translate
缩放 ----- scale
旋转 ----- rotate
倾斜 ----- skew
如何使用呢,很简单
font-size: 12px;
transform: scale(.95);
如图对比
至于使用图片的方式,就不提了。