css html rem设置多少

CSS和HTML在网页设计中扮演着非常重要的角色，而rem作为一种相对单位，可以让网页在不同设备上展示相同的效果。但是，如果rem设置不当，会导致网页呈现不理想的状态。那么CSS HTML rem设置多少才合适呢？下面来探讨一下。

html {
    font-size: 62.5%;
}
body {
    font-size: 1.4rem;
}
.container {
    width: 30rem;
}
    

在这个例子中，html元素的字体大小设置为62.5%，即基础字体大小为10px。这也是一种比较常见的设置方式，因为10是一个整数，便于计算。另外，在移动设备上，10px的字体大小相对比较适中。

在body元素中，字体大小设置为1.4rem，即14px。这是因为14px比较符合人们阅读的习惯，并且也比较适合在不同设备上展示。当然，具体的设置也需要根据设计师的意愿和网页的风格来进行调整。

在容器元素中，宽度使用rem单位进行设置。这样，容器的宽度将根据根元素的字体大小进行自适应，并且在不同设备上展示的效果也会比较一致。

总的来说，CSS HTML rem设置多少需要根据具体情况进行调整。一般来说，根元素的字体大小可以设置为10px，而在body元素中，字体大小可以设置为14px。另外，对于容器元素的宽度，建议使用rem进行设置。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！