html 网页自适应状态下,小屏幕时,字体最小还是12px,导致样式变化了,怎么解决呢
可以利用css中的transform属性来缩小:
transform:scale(0.5,1)
第一个参数是X轴比例,第二个参数是Y轴比例,第二个参数可省略,若缺省则等于第一个参数。
缩小方向:
默认是往中间缩小,可以添加 transform-origin:left ,往左侧缩
不太会,要我只会用js尝试一下
这个是涉及到浏览器最小字体改变的问题
使用css3的transform缩放属性transform:scale(0.5);
注意-ransform:scale(0.75);
收缩的是整个元素的大小,这时候,如果是内联元素,必须要将内联元素转换成块元素,可以使用display:block/inline-block/...;