HTML css 字体没有随着窗口变小而变小

Question

html {
    font-size: 14px
}

初始值为14PX

当我把 值设置为6PX的时候

p标签的字体没有变小。也无法变小，而溢出。

像素超过14PX的时候P标签的字体会跟随变大。变小时字体就无法跟着变小。

 

.context p {
    font-size: .57rem;
    text-shadow: .64rem .43rem 0.5rem white;
    border-bottom: 1px solid white;
}

Answer 1

可以设置视口，写在head里，全局有效，想了解更多可以自行百度。

<meta <span class="hljs-attr">name="viewport"</span> <span class="hljs-attr">content="user-scalable=no,</span> <span class="hljs-attr">width=device-width,</span> <span class="hljs-attr">initial-scale=1.0,</span> <span class="hljs-attr">maximum-scale=1.0,</span> <span class="hljs-attr">minimum-scale=1.0"></span>

• user-scalable：用于设置是否可以缩放，默认yes，

• width：用于设置视口宽度，这里表示和可见视口相同，

• initial-scale：用于设置初始缩放比例，取值为0~10.0，这里表示原始比例，

• maximum-scale：用于设置最大缩放比例取值为0~10.0，这里表示原比缩放，

• minimum-scale：用于设置最小缩放比例取值为0~10.0，这里表示原比缩放。

望楼主采纳！