关于页面字体和窗口缩放的问题

今天闲来无事,模仿一个网站写一个网页,自己都被自己蠢哭了,吐槽一下自己怎么那么蠢。

在chrome中调试网页时发现,窗口缩小时字体不会随着变小,导致网页变形

原来的网页是在火狐游览器上查看的,字体是会随之变小的,当时没想到这是游览器的问题,看了一堆文章。

结果:

         窗口缩小是字体跟随缩小,Chrome不会,火狐会。

         (浪费了我4个小时的时间,蛋疼)

看文章的时候学到了一些东西,设置字体的时候单位使用em,不要使用px,因为em是相对于游览器默认字体大小来设置大小,

有的游览器有字体放大功能(通过更改默认字体大小),如果使用px为单位,会导致该功能无法使用,

一般游览器的默认字体大小为16px,平时设置时换算会很麻烦。

最好的办法是在body中设置{font-size:62.%} ,换算的时候只需要记住 10px=1em,直接将px除以10就好

原文地址:https://www.cnblogs.com/hjc-12580/p/11881794.html