css手机适配，我要怎么实现font-size的大小随网页变化而变化

Question

我怎么在浏览器的宽度小于750的时候，font-size的大小是浏览器宽度的0.1倍，比如浏览器是400，那font-size就40px

Answer 1

教你几个方法：会用响应式，css3的新特性：就是你上面用的那种，font-size直接赋值，但是你那个是拿到浏览器显示宽度，就要用js来逻辑处理；写一个页面初始加载方法，直接拿到浏览器显示宽度，window.innerWidth，进行逻辑判断，再jQuery改动css。（缺点是页面要刷新才可以重调方法，或者你可以写一个定时器，当页面宽度达到你要求了再刷新页面，但是不建议，因为设备是固定的，除非在PC调试）

Answer 2

html的font-size设置一个值，然后所有应用到font-size的元素用相对单位设置。

Answer 3

font-size:0.8rem;   手机端单位用rem