页面字体跟着屏幕的大小实现缩放

背景: 由于页面模块按比例设置了,但系统名字是固定设置了font-size:46px,当遇到笔记本这种屏幕小的页面时页面模块的确时按比例显示了,但因文字太大导致页面布局变形,故做以下修改后恢复

把font-size:46px设置成 font-size:2vw 就搞定了,字体会随着浏览器的大小自动调整,具体设置多少vm自己测试,反正2vw符合我要的大小

另外vw这个单位也适用于div等模块的搞定,例如height:10vw;

模块的高度还能使用vh,vh是把页面分成多少等份,例如:height: 72vh;  把某个模块评分成72
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值