使用百分比和EM组合

简介: 使用百分比和EM组合。

使用百分比和EM组合
在所有浏览器的解决方案中,设置

元素的默认字体大小的是百分比:

实例
body {font-size:100%;}
h1 {font-size:2.5em;}
h2 {font-size:1.875em;}
p {font-size:0.875em;}

我们的代码非常有效。在所有浏览器中,可以显示相同的文本大小,并允许所有浏览器缩放文本的大小。

目录
相关文章
|
2天前
|
前端开发 容器
rem和vw之间有什么区别吗
【4月更文挑战第2天】 rem和vw之间有什么区别吗
23 8
|
2天前
|
编解码 前端开发
CSS 的数值与单位px\em\%
CSS 的数值与单位px\em\%
|
2天前
|
前端开发 JavaScript UED
使用 CSS 中的form-sizing属性实现文本区域的自动增加高度
使用 CSS 中的form-sizing属性实现文本区域的自动增加高度
68 0
|
5月前
|
前端开发 JavaScript 容器
overflow和动态计算高度
overflow和动态计算高度
30 0
|
6月前
|
编解码
1rem、1em、1vh、1px各自代表的含义?
1rem、1em、1vh、1px各自代表的含义?
|
7月前
|
Web App开发 编解码 前端开发
|
9月前
|
JavaScript
常用的单位有哪些?以及px em rem区别
常用的单位有哪些?以及px em rem区别
|
10月前
|
前端开发 容器
如何使用 CSS 来控制 img 标签在父元素中自适应宽度或高度,并按比例显示
如何使用 CSS 来控制 img 标签在父元素中自适应宽度或高度,并按比例显示
322 1
|
Web App开发 前端开发
px、em、rem的区别css单位换算
px、em、rem的区别css单位换算
127 0
|
Serverless
div里面的元素在【垂直 方向】上水平分布 使用calc()函数动态计算
div里面的元素在【垂直 方向】上水平分布 使用calc()函数动态计算