css手机适配,我要怎么实现font-size的大小随网页变化而变化
我怎么在浏览器的宽度小于750的时候,font-size的大小是浏览器宽度的0.1倍,比如浏览器是400,那font-size就40px |
免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。
版权声明:作者保留权利,不代表天盟立场。
|
|
|
|
教你几个方法:
- 会用响应式,css3的新特性:就是你上面用的那种,font-size直接赋值,但是你那个是拿到浏览器显示宽度,就要用js来逻辑处理;
- 写一个页面初始加载方法,直接拿到浏览器显示宽度,window.innerWidth,进行逻辑判断,再jQuery改动css。(缺点是页面要刷新才可以重调方法,或者你可以写一个定时器,当页面宽度达到你要求了再刷新页面,但是不建议,因为设备是固定的,除非在PC调试)
|
|
|
|
|
html的font-size设置一个值,然后所有应用到font-size的元素用相对单位设置。 |
|
|
|
|