问

调整浏览器大小时如何缩小字体大小

手机用户2502854207 发布于 2023-02-13 17:06

我正在建立一个html5和css的网站.我试图使这个网站响应,但我不知道为什么当我调整浏览器窗口大小时,字体的大小保持不变,即使我正在使用em或percentages,如:font-size: XXem或font-size: XX%.

如何使字体可调整大小？

2 个回答

它被称为响应

@media screen and (max-width: 1024px) {
your font  style goes here

}

@media screen and (max-width: 950px) {
 your font  style goes here

}


@media screen and (max-width: 650px) {
 your font  style goes here


}

@media screen and (max-width: 480px) {
 your font  style goes here

}

2023-02-13 17:08 回答

文静的疯子19__97

对于HTML5网页,我强烈建议使用Viewpoint Width/Height值.它们的功能类似于%,但是随窗口调整大小的字体大小.

例如...
```
.some-paragraph{
    font-size: 5vw;
}
```
这会将font-size设置为当前视口宽度的5%,即使在重新调整大小时也是如此!

在此处了解更多信息:http://www.w3.org/TR/css3-values/#viewport-relative-lengths

注意:您可能需要考虑到这一点:
```
 <meta name="viewport" content="initial-scale=1">
```
2023-02-13 17:08 回答

mobiledu2502874377

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签