講師回答 / Sam
你好,兩者的用途不同:1、main.js中引入global.scss,主要是為了載入通用樣式,sass-loader會將global.scss轉(zhuǎn)化為css載入,所以只載入了樣式部分2、Ebook.vue的style部分引入global.scss是為了引用global.scss中的function、mixin和樣式等,如果去掉global.scss的引用,那么類似px2rem()、@include這些方法就找不到引用源了,從而導(dǎo)致樣式加載失敗
2018-10-11
講師回答 / Sam
你好,global.scss中設(shè)定了:<...code...>這里$ratio值的設(shè)定是由用戶決定的,可以根據(jù)自己的實際需要(或者UI設(shè)計稿)進行修改這個值決定了px2rem輸出的結(jié)果,如果設(shè)定為37.5,那么px2rem(20),表...
2018-10-11
已采納回答 / Sam
你好,font-size的默認值不是37.5,而是動態(tài)計算出來的,計算公式為:屏幕寬度/10,如果屏幕寬度為400px,那么font-size為40px,從而實現(xiàn)了自適應(yīng)布局,為了美觀,所以可以考慮設(shè)置一個font-size的上線,否則會字體過大的情況,通常建議上限設(shè)置到50-60px就可以了
2018-10-08
講師回答 / Sam
你好,這是一個非常好的問題,要實現(xiàn)這一點需要使用epubjs的高級特性:css注入,因為epubjs的實現(xiàn)原理是iframe,而iframe中的dom不受我們的css控制,所以必須要注入css才能實現(xiàn),具體做法如下:1、在static目錄下創(chuàng)建一個test.css,填入以下內(nèi)容:<...code...>2、在Ebook.vue的showEpub()末尾添加以下代碼:<...code...>在test.css中你可以對img的大小進行控制
2018-09-25