講師回答 / Sam
你好,兩者的用途不同:1、main.js中引入global.scss,主要是為了載入通用樣式,sass-loader會將global.scss轉化為css載入,所以只載入了樣式部分2、Ebook.vue的style部分引入global.scss是為了引用global.scss中的function、mixin和樣式等,如果去掉global.scss的引用,那么類似px2rem()、@include這些方法就找不到引用源了,從而導致樣式加載失敗
2018-10-11
講師回答 / Sam
你好,global.scss中設定了:<...code...>這里$ratio值的設定是由用戶決定的,可以根據自己的實際需要(或者UI設計稿)進行修改這個值決定了px2rem輸出的結果,如果設定為37.5,那么px2rem(20),表...
2018-10-11
講師回答 / Sam
你好,這是一個非常好的問題,要實現這一點需要使用epubjs的高級特性:css注入,因為epubjs的實現原理是iframe,而iframe中的dom不受我們的css控制,所以必須要注入css才能實現,具體做法如下:1、在static目錄下創建一個test.css,填入以下內容:<...code...>2、在Ebook.vue的showEpub()末尾添加以下代碼:<...code...>在test.css中你可以對img的大小進行控制
2018-09-25