lucky 发表于 2020-11-9 06:56:02

网页字体大小设置(秋叶网络博客)

制作自适应网页首先需要全局设置字体大小,比如在body{}中添加font-size:14px;
body之内的字体全部用em大小表示,不可再用px,否则自适应制作失败!若在body中加入的是font-size:14px;那么后续的1em=14px,就是以14px来做倍数的基数。则2em=24px网页字体大小设置,1.5em=21px。
拿实例来表示会更容易一些,例如:

   
      
            
            
      
   

#www的2em就是28px,#w的1em就是20px。综上所述,em的具体值是受它的父级元素px的影响。如果使用rem单位的话就不受父级元素的影响,而是永远以body的字体大小为基数。在自适应网页中,如果元素块默认的字体大小用px表示的话网页字体大小设置,在引入@media screen的时候无论怎么设置字体大小都不会变化的,唯有默认大小用em表示的时候,在引入@media screen的时候才可变换字体的大小。关于如何设置自适应网页和引入@media screen请详见:自适应网页制作教程

以上内容就是网页字体大小设置(秋叶网络博客)的相关内容介绍,喜欢侠外游戏论坛的朋友可以关注我们。

小米米 发表于 2020-11-9 09:00:34

新人求罩求粉求眼熟求认识求包养
页: [1]
查看完整版本: 网页字体大小设置(秋叶网络博客)