em 和 rem以及px的区别

版权声明:草原上的雄鹰 https://blog.csdn.net/sinat_36729274/article/details/80764480
<!DOCTYPE html >
< html lang= "en" >
< head >
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http-equiv= "X-UA-Compatible" content= "ie=edge" >
< title >Document </ title >
< style >
html{
font-size: 20px
}
div{
font-size: 20px;
}
p{
/* font-size: 2em; */
/* em是它父级元素的大小的倍数,即40px,div中文字的大小倍数 */
/* rem是根节点的字体的大小,即html;建议使用 */
font-size: 2rem
}
< / style >
</ head >
< body >
< div >
< p >em的大小 </ p >
</ div >
</ body >
</ html >

猜你喜欢

转载自blog.csdn.net/sinat_36729274/article/details/80764480