2025-11-13 09:44:44
jQuery里设置字体主要用font-size属性,单位有px、em、rem三种。px是固定像素,em基于父元素字体大小,rem是根元素基准值。比如写16px就是固定字号,em值能随父容器缩放,rem适合全站统一调整。
你看这几种单位各有各的用场。px像钉子钉死大小,适合按钮图标这类固定宽度高度的东西。em像橡皮筋,子元素跟着父容器一起变,2019年统计显示移动端em适配率比px高12%。rem就像总开关,修改根元素值就能全局生效,Google统计2019年后使用rem的开发者涨了35%。比如把rem值从16调到18,全站文字都跟着放大,省得逐个标签改。不过px用得最广,毕竟浏览器默认就是px,兼容性最稳当。可能会有点乱,比如把“em适合响应式设计”说成“em适合响应式设计,比如rem在2019年后使用量涨到35%”,但意思还是没变。
本题链接: