![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
布局
金超斌
这个作者很懒,什么都没留下…
展开
-
font-size设置大小小于12px时,需要使用transform: scale(numX, numY)属性详解
1. 为啥要使用transform: scale(numX, numY)属性由于浏览器为了提升用户的浏览体验,设置字体最小为12px,如果继续缩小字体,样式就不会生效,此时就需要使用transform: scale(numX, numY)属性2.transform: scale(numX, numY)注意事项transform: scale(numX, numY)属性表示缩小盒子的大小,并不是缩小字体,所有只对块级盒子其效果由于transform: scale(numX, numY)默认居中缩小,原创 2020-12-04 11:13:40 · 1291 阅读 · 0 评论 -
响应式布局模板
响应式布局模板<style>*{ margin: 0; padding: 0;}.comtainer { height: 150px; background-color: aqua; margin:0 auto;}/* 1.小屏幕(宽度小于768px)下,宽度为100% */@media screen and (max-width: 767px) { .comtainer { width: 100%; }}/* 2.中屏幕下(宽度大于768p原创 2020-06-28 17:42:52 · 368 阅读 · 0 评论