当前第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怎么缩小文字的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
ie6不支持CSS3吗
CSS3什么时间推出的
CSS3中结构性伪类选择器―:first-of-type实现名言标签（代码实例 ）
关于老式浏览器兼容html5和CSS3的问题详解
CSS3中background-image实现多背景图片（代码实例）
CSS3中如何实现图片翻转
qq浏览器 不支持CSS3怎么办
CSS3怎么实现强制不换行
border-radius属性如何使用
border-image属性怎么用
更多相关阅读请进入《CSS3》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » css3怎么缩小文字
