首页 > 代码库 > CSS设置文字大小自适应功能
CSS设置文字大小自适应功能
<span id="topaccount" style="font-size:3rem;color:red;">NANA</span> <span>
这是html的某一个页面的span里面的东西
我想让它自适应显示设备儿变大变小font-size:3rem
1rem=16px
然后 我只要设置html的属性，然后具体哪个标签要固定死就让他为固定的值。其他的值为3rem的百分比
<style>@media screen and (max-width:1255px){ html{font-size:85%;}}@media screen and (max-width:1280px){ html{font-size:75%;}}@media screen and (max-width:768px){ html{font-size:50%;}}@media screen and (max-width:640px){ html{font-size:45%;}}@media screen and (max-width:480px){ html{font-size:35%;}}@media screen and (max-width:320px){ html{font-size:20%;}}</style>
CSS设置文字大小自适应功能
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。