是否可以在浏览器变小时调整文本大小,css

Question

有没有办法让文本调整大小,因为基于液体的设计的浏览器变小了百分比.

图像div等,所有重新缩放,但文本百分比缩放不可能!将其设置为百分比只会更改该文本的统一em设置 - 在每个浏览器宽度中都是相同的.

Answer 1

除了在特定时间间隔使用媒体查询外,我不太确定.

我会这样做的方式:

.content {
    font-size:16px;
}

@media all and (max-width: 800px) {
    .content {font-size:14px;}
}

@media all and (max-width: 600px) {
    .content {font-size:12px;}
}

@media all and (max-width: 400px) {
    .content {font-size:10px;}
}

没有javascript,纯CSS.