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

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

查看完整描述

5 回答

已采纳

杜发明

TA贡献202条经验获得超301个赞

教你几个方法：

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

1 反对回复 2016-09-30

SBC
我就是想用你说的第一种方式，只是js逻辑处理是通过js获取浏览器显示宽度，然后修改根元素的font-size值么

回复 2016-09-30
杜发明
可以这么理解，我只知道css3中可以计算块级元素高和宽，字体没试过。但是js逻辑处理应该是可以的，用js计算后的比例大小jQuery拿HTML根节点赋css试下

回复 2016-09-30
SBC
谢谢啦！

回复 2016-09-30

小轩碧落西窗雪

TA贡献21条经验获得超3个赞

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

反对回复 2016-10-01

小城阿哥

TA贡献89条经验获得超59个赞

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

反对回复 2016-09-30

5 回答