1 回答

TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超9個(gè)贊
看題主的問題,題主應(yīng)該是使用了rem適配方案。
什么時(shí)候計(jì)算:通過js計(jì)算html的fontSize的方式唯一依賴的是網(wǎng)頁寬度能夠獲取到的時(shí)候,網(wǎng)頁一打開,瀏覽器的窗口信息(clientWidth)就可以通過BOM獲取到。所以當(dāng)然是越早計(jì)算越好。
不需要對(duì)這段代碼打包的話,可以直接script引入head即可,當(dāng)然需要放到viewport的meta標(biāo)簽后面,縮放會(huì)影響fontSize的值。
當(dāng)然對(duì)于webpack的項(xiàng)目來說這樣引入有點(diǎn)另類,一般情況下,vue腳手架的項(xiàng)目可以放到入口文件main.js中,這個(gè)文件是一個(gè)js文件,用來引入vue框架,引入router,vuex等其他插件和實(shí)例vue的根節(jié)點(diǎn),這些引入還沒有包含任何業(yè)務(wù),完全可以需要前置的業(yè)務(wù)放在這個(gè)文件中,比如題主的這個(gè)需要計(jì)算fontSize的業(yè)務(wù)。
至于放到App.vue中也沒有問題,因?yàn)閷?duì)于vue的腳手架項(xiàng)目來說,App.vue是單文件組件的root節(jié)點(diǎn)下的第一個(gè)子節(jié)點(diǎn),而且沒有兄弟節(jié)點(diǎn),只有子輩節(jié)點(diǎn),父節(jié)點(diǎn)也只是用來初始化vue的根節(jié)點(diǎn). 所以id=app的div沒有特殊樣式的話,其實(shí)也是不影響的。
- 1 回答
- 0 關(guān)注
- 610 瀏覽
添加回答
舉報(bào)