前言
文字缩小到一定地步就无法缩小,就是说fontsize无效,于是用scale。
布局使用的flex,设置scale后不会导致重排,留了空白。
用margin-right:-0.8rem;
这样,会导致屏幕左右出现了滑动条。
使用min-width:5rem;或者width:5rem;解决问题。
但是还是不明白为什么min-width可以解决滑动条问题。
留笔记于此。
代码
display:flex;
transform: scale(0.7);
justify-content: flex-end;
margin-right: -0.8rem;
width: 5rem;
min-width:5rem;