zoukankan      html  css  js  c++  java
  • html根标签设置font-size为100px,使用rem,body没设置字体大小

    今天使用了rem来写样式,前提是要给html设置font-size:100px;这样在计算比例时相对方便点;结果在将一个span标签设置为display:inline-block;时发现span不能能和父元素div同高,然后问了大神,原来是body忘记设置font-size了。

    现在,对于我来说,

      html{font-size: 100px;}
      body{font-family:"微软雅黑";font-size: 16px;}
                          这两句都是必不可少的前提啊(抹泪儿)!
     
    然后我又在网上查了下这个问题的其他解决办法,大致有以下几种。
    ······················································(以下为转载内容)
    bugHTML里使用rem单位【html{font-size:100px;}】造成高度撑开,垂直不能顶对齐,像添加了margin-top的值;

         因为html的字体为100px,所有的默认字体就都为100px,要容下100px的字体当然就要这么高的行高。所以其实a的字体的确是22px,line-height也是22px,问题就出现了div上;
    hack 1:
    (1)你可以试着改一下div的行高就行,但是最一劳永逸的方法其实是将body的font-size设为16px,这样你的rem可以接着用而且字体的默认大小还是16px

    (2)垂直对齐的话,添加line-height属性;给你的盒子添加line-height='100px'

    链接地址:https://zhidao.baidu.com/question/585309444029037085.html

    hack 2:

    (1)div设置高度并采用相对定位,span采用绝对定位。

     (2)div设置高度,span等内联元素设置vertical-align为top。

    链接地址:https://www.cnblogs.com/hdwang/p/9833113.html

  • 相关阅读:
    Linux: 安装和启用firefox浏览器的java
    Latex: beamer
    时频分析:窗口傅立叶变换
    Python: 面向对象
    Linux: 安装NVIDIA显卡驱动
    Matlab: 路径的操作
    python--文件读写
    python--函数
    python--数据类型
    网络基础——网络协议
  • 原文地址:https://www.cnblogs.com/miniSkytrue/p/12089511.html
Copyright © 2011-2022 走看看