关于页面字体和窗口缩放的问题
今天闲来无事,模仿一个网站写一个网页,自己都被自己蠢哭了,吐槽一下自己怎么那么蠢。
在chrome中调试网页时发现,窗口缩小时字体不会随着变小,导致网页变形
原来的网页是在火狐游览器上查看的,字体是会随之变小的,当时没想到这是游览器的问题,看了一堆文章。
结果:
窗口缩小是字体跟随缩小,Chrome不会,火狐会。
(浪费了我4个小时的时间,蛋疼)
看文章的时候学到了一些东西,设置字体的时候单位使用em,不要使用px,因为em是相对于游览器默认字体大小来设置大小,
有的游览器有字体放大功能(通过更改默认字体大小),如果使用px为单位,会导致该功能无法使用,
一般游览器的默认字体大小为16px,平时设置时换算会很麻烦。
最好的办法是在body中设置{font-size:62.%} ,换算的时候只需要记住 10px=1em,直接将px除以10就好
只要我E得够快,死亡就追不上我