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;}

                      这两句都是必不可少的前提啊(抹泪儿)!

然后我又在网上查了下这个问题的其他解决办法,大致有以下几种。

······················································(以下为转载内容)

bug:HTML里使用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

原文地址:https://www.cnblogs.com/miniSkytrue/p/12089511.html

时间: 2024-10-02 23:24:41

html根标签设置font-size为100px,使用rem,body没设置字体大小的相关文章

XE6 c++builder 设置 font size GetPropInfo SetOrdProp

TObject* objTemp; objTemp = GetObjectProperty(this, "Font"); if (objTemp) { PPropInfo ppi; ppi = GetPropInfo(objTemp->ClassType(), "Size"); if (ppi && (*ppi->PropType)->Kind == tkInteger) SetOrdProp(objTemp, ppi, 12);

GetPropInfo Font Size

设置font size,遍历所有控件,有的控件没有font属性,所以要用GetPropInfo判断 if (GetPropInfo(cmp, "font")) function GetObjectProperty( const AObject   : TObject; const APropName : string ):TObject; var PropInfo:PPropInfo; begin Result  :=  nil; PropInfo:=GetPropInfo(AObje

asp.net中label控件设置字体大小

protected void Button1_Click(object sender, EventArgs e) {   this.Label1.Font.Size = 55;//方法一:设置字体大小 this.Label1.Font.Size = FontUnit.Larger;//方法二:设置字体大小 this.Label1.Font.Size = FontUnit.Point(42);//方法三:设置字体大小,单位是pt磅   this.Label1.Font.Bold = true;  

Eclipse字体大小设置

打开Eclipse,在主界面下Window->Preferences->General->Appearance->Colors and Fonts, 然后在右边展开框Basic->Text Font,选择Edit,改变字体大小.这里设置的字体大小将应用于所有文件. 在右边展开框中Java->Java Editor Text Font,选择Edit,改变字体大小.这里设置的字体大小将应用于Java编辑框.java文件中代码的字体大小,覆盖Basic->Text Fo

PowerDesinger15设置字体大小

使用PowerDesigner时,它默认table的字体大小颜色等非常难看: 如果通过 Symbol ---> Format进行设置,只能对选中的最修改,新建的Table无效. 可以通过如下修改,让你的设置永久保存: Tools -----> Display Preference.... ------> Format ------> Table -----> Modify ------> Font 然后对所有值做修改(建议字体大小都是12,颜色蓝色最好,主键为红色,外键

Android Studio 主题、字体大小的设置

1. Android Studio 主题的设置: 设置Android Studio 自带的主题 设置第三方主题 2. Android Studio 字体的设置 设置左面包名的字体大小 设置右面代码编辑界面字体大小 1.1 设置Android Studio 自带的主题及包名字体大小:  1.2 导入第三方主题: http://www.ideacolorthemes.org/themes/ 从这里下载第三方的主题,然后执行: File——>Import Settings——>下载jar包所在位置

rem根据网页的根元素(html)来设置字体大小

rem根据网页的根元素来设置字体大小,和em(font size of the element)的区别是,em是根据其父元素的字体大小来设置,而rem是根据网页的跟元素(html)来设置字体大小

Generate eps plot with appropriate font size and line width in GNU Octave

Because eps terminal is different from the one for screen display, the font size and line width should all be adjusted as the following example: clist = GenColorList(); h = 1; figure(h); clf(h); # This is mandatory. ## Set the axis position. Sometime

[Android Tips] 9. framework notification layout font size

android 4.4 framework notification layout 相关字体大小 * title: notification_title_text_size: 18dp * content: notification_text_size: 14dp * subtext: notification_subtext_size: 12dp [Android Tips] 9. framework notification layout font size

unity UGUI text font size对性能影响巨大

Font Size对ugui text的性能影响非常大. <Cube Duck Run>在itouch5上测试是很流畅的,但是在iphone5上测试,在game over后显示历史最高分时却总会卡好几秒,导致游戏体验极差.使用屏蔽法查了两天终于找到了问题的原因,原来显示历史最高分的text的font size设成了150.其实本来font size为50就够了,但是由于text的父节点上有个0.3倍的缩放,所以导致text的font size设成150其大小在屏幕上看起来才会适,当初编辑界面的