已解決430363個問題，去搜搜看，總會有你想問的

css手機適配，我要怎么實現font-size的大小隨網頁變化而變化

關注

首頁猿問 css手機適配，我要怎么實現fon...

CSS3 Html/CSS JavaScript

SBC 2016-09-30 10:10:57

我怎么在瀏覽器的寬度小于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

關注