文本自动调整大小而无需媒体查询(响应式设计)

时间:2013-11-11 22:52:46

标签: css css3 text resize media-queries

是否有办法自动调整文本大小,具体取决于浏览器或屏幕或文本容器? (不依赖于设备,因为这不是一个好习惯)。

没有CSS 3媒体查询的帮助!不使用媒体查询会很棒,因为代码会更少,而且通常你必须使用旧版浏览器的后备来理解媒体查询。

我知道有一种设置relative size的方法,但是会自动调整大小的大小呢?我尝试了font-size:auto;font-size:120%,但如果我延长浏览器窗口的大小是相同的

提前致谢

1 个答案:

答案 0 :(得分:3)

(1)您可以使用相对于视口调整大小的vw和vh:

1vw = 1% of viewport width
1vh = 1% of viewport height
1vmin = 1vw or 1vh, whichever is smaller
1vmax = 1vw or 1vh, whichever is larger

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

(2)您可以使用JavaScript: 例如:http://fittextjs.com/