是否有办法自动调整文本大小,具体取决于浏览器或屏幕或文本容器? (不依赖于设备,因为这不是一个好习惯)。
没有CSS 3媒体查询的帮助!不使用媒体查询会很棒,因为代码会更少,而且通常你必须使用旧版浏览器的后备来理解媒体查询。
我知道有一种设置relative size的方法,但是会自动调整大小的大小呢?我尝试了font-size:auto;
和font-size:120%
,但如果我延长浏览器窗口的大小是相同的
提前致谢
答案 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/