当前第2页 返回上一页
CSS:
1 2 3 4 5 6 7 8 | @media screen and (min-width:320px){font-size: 12px;}
@media screen and (min-width:360px){font-size: 14px;}
@media screen and (min-width:420px){font-size: 16px;}
@media screen and (min-width:480px){font-size: 20px;}
@media screen and (min-width:520px){font-size: 24px;}
@media screen and (min-width:640px){font-size: 28px;}
@media screen and (min-width:750px){font-size: 32px;}
.font1{font-size: 1rem;}.displayIB{display:inline-block;}.scaleFont{transform: scale(0.58);}
|
HTML:
1 | <p class="font1">测试<span class="displayIB scaleFont">888</span>测试</p>
|
以上就是css3怎么缩小文字的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
transition-timing-function属性怎么用
CSS3 animation属性怎么用
CSS3给背景图层加颜色遮罩的方法
CSS3 appearance属性怎么用？
background-size属性怎么用
详细了解CSS3中的border-image-slice属性
css与CSS3的区别是什么
CSS3 简介
CSS3怎么实现圆角
手把手教你使用CSS3给文字添加阴影效果（代码详解）
更多相关阅读请进入《CSS3》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » css3怎么缩小文字
