我有些困惑,希望有人可以解释这种行为!?

我有以下代码:

<!DOCTYPE html>
    <head>
        <meta charset="UTF-8">
        <title>test</title>
        <style>

            html{
                font-size: 62.5%; // set the base font-size to 10px
            }

            body{
                background-color: red;
            }

            @media only screen and ( max-width: 100em ) /* 1000px?? */ {

                body{
                    background-color: green;
                }

            }

        </style>
    </head>
    <body>

    </body>
</html>

我认为,如果视口(viewport)小于1001px,则主体的背景色应从红色切换为绿色。但这是行不通的。颜色更改为1600px。因此,它看起来像字体大小:62.5%不起作用!问题是:为什么?

最佳答案

CSS Media Queries Spec

关于字体大小为62.5%的html和em计算,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24171958/

10-16 09:58
查看更多