首頁猿問 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的時(shí)候，font-size的大小是瀏覽器寬度的0.1倍，比如瀏覽器是400，那font-size就40px

查看完整描述

5 回答

已采納

杜發(fā)明

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

教你幾個(gè)方法：

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

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

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

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

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

回復(fù) 2016-09-30

小軒碧落西窗雪

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

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

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

小城阿哥

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

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

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

關(guān)注