zoukankan      html  css  js  c++  java
  • 关于页面字体和窗口缩放的问题

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

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

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

    结果:

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

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

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

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

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

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

  • 相关阅读:
    Linux下MySQL主从同步配置
    Tortoisegit图文使用教程
    C语言I博客作业06
    第十周助教总结
    C语言I博客作业04
    C语言I博客作业02
    第十一周助教总结
    第十二周助教总结
    第九周助教总结
    C语言I博客作业02
  • 原文地址:https://www.cnblogs.com/hjc-12580/p/11881794.html
Copyright © 2011-2022 走看看