背景: 由于页面模块按比例设置了,但系统名字是固定设置了font-size:46px,当遇到笔记本这种屏幕小的页面时页面模块的确时按比例显示了,但因文字太大导致页面布局变形,故做以下修改后恢复
把font-size:46px设置成 font-size:2vw 就搞定了,字体会随着浏览器的大小自动调整,具体设置多少vm自己测试,反正2vw符合我要的大小
另外vw这个单位也适用于div等模块的搞定,例如height:10vw;
模块的高度还能使用vh,vh是把页面分成多少等份,例如:height: 72vh; 把某个模块评分成72份
页面字体跟着屏幕的大小实现缩放
最新推荐文章于 2024-08-22 15:40:39 发布