Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html REM是否可能相对于父元素?_Html_Css_Font Size - Fatal编程技术网

Html REM是否可能相对于父元素?

Html REM是否可能相对于父元素?,html,css,font-size,Html,Css,Font Size,我正在尝试将rem字体大小添加到现有页面的新部分 当我像这样将基本字体大小设置为HTML标记时 html{ font-size: 40px; } @media #{$medium-only} { html{ font-size: 30px; } } @media #{$small-only} { html{ font-size: 20px; } } 页面其余部分的字体大小变大了。有没有办法通过将字体大小设置为父元素而不是HTML来实现这一点?我不是

我正在尝试将rem字体大小添加到现有页面的新部分

当我像这样将基本字体大小设置为HTML标记时

html{
  font-size: 40px;
}
@media #{$medium-only} {
   html{
    font-size: 30px;
   }
}
@media #{$small-only} {
   html{
    font-size: 20px;
   } 
}

页面其余部分的字体大小变大了。有没有办法通过将字体大小设置为父元素而不是HTML来实现这一点?我不是从我的研究中猜出来的,只是想在这里查一下。

你查过
em
%
单位了吗?是的,事实上,一开始我用的是%。然后我开始阅读REM是现代的和更好的方法。所以我试着去实现它。呃。。。REM是另一种方法,没有什么比它更“现代”了,基于px的起点仍然是不正确的,你应该设置%html字体大小,然后对你需要的区域使用rem,否则你不会真正实现任何目标-px值是固定大小。你有没有研究过
em
%
单位?是的,实际上一开始我用的是%。然后我开始阅读REM是现代的和更好的方法。所以我试着去实现它。呃。。。REM是另一种方法,没有什么比它更“现代”了,以基于px的起点为基础仍然是不正确的。Echo junkfoodjunkie,你应该设置%html字体大小,然后在你需要的区域使用REM,否则你不会真正实现任何目标-px值是固定大小的。