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

Question

有没有办法让文本调整大小，因为基于液体的设计的浏览器变得更小。

图像divs等，所有重新调整，但文字百分比缩放不可能！将其设置为百分比只会改变该文本的统一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。

Answer 2

是的，可以通过JavaScript代码处理onResize事件来调整文本大小。然而，onResize有很多问题，包括debouncing，这可能会变得复杂。

我知道这不是你问题的一部分，但我想知道调整文本的大小是否合适。毕竟，用户已经告诉浏览器他/他对目前大小的文本感到满意。是否真的很友好来覆盖用户的清单首选项？

Answer 3

我相信这正是你要找的人：

http://css-tricks.com/viewport-sized-typography/