首頁猿問 css手機(jī)適配，我要怎么實(shí)現(xiàn)fon...

css手機(jī)適配，我要怎么實(shí)現(xiàn)font-size的大小隨網(wǎng)頁變化而變化

CSS3 Html/CSS JavaScript

SBC 2016-09-30 10:10:57

我怎么在瀏覽器的寬度小于750的時候，font-size的大小是瀏覽器寬度的0.1倍，比如瀏覽器是400，那font-size就40px

查看完整描述

5 回答

已采納

杜發(fā)明

TA貢獻(xiàn)202條經(jīng)驗(yàn) 獲得超301個贊

教你幾個方法：

會用響應(yīng)式，css3的新特性：就是你上面用的那種，font-size直接賦值，但是你那個是拿到瀏覽器顯示寬度，就要用js來邏輯處理；
寫一個頁面初始加載方法，直接拿到瀏覽器顯示寬度，window.innerWidth，進(jìn)行邏輯判斷，再jQuery改動css。（缺點(diǎn)是頁面要刷新才可以重調(diào)方法，或者你可以寫一個定時器，當(dāng)頁面寬度達(dá)到你要求了再刷新頁面，但是不建議，因?yàn)樵O(shè)備是固定的，除非在PC調(diào)試）

1 反對回復(fù) 2016-09-30

SBC
我就是想用你說的第一種方式，只是js邏輯處理是通過js獲取瀏覽器顯示寬度，然后修改根元素的font-size值么

回復(fù) 2016-09-30
杜發(fā)明
可以這么理解，我只知道css3中可以計算塊級元素高和寬，字體沒試過。但是js邏輯處理應(yīng)該是可以的，用js計算后的比例大小jQuery拿HTML根節(jié)點(diǎn)賦css試下

回復(fù) 2016-09-30
SBC
謝謝啦！

回復(fù) 2016-09-30

小軒碧落西窗雪

TA貢獻(xiàn)21條經(jīng)驗(yàn) 獲得超3個贊

html的font-size設(shè)置一個值，然后所有應(yīng)用到font-size的元素用相對單位設(shè)置。

反對回復(fù) 2016-10-01

小城阿哥

TA貢獻(xiàn)89條經(jīng)驗(yàn) 獲得超59個贊

font-size:0.8rem; ? 手機(jī)端單位用rem?

反對回復(fù) 2016-09-30

關(guān)注