-
大概在7分鐘的時候講解eslint禁用方法,但是我的代碼沒有這個問題,就暫時跳過;我的代碼也沒有global.epub的報錯
查看全部 -
這節課是設置公共樣式的,可以最后再聽
查看全部 -
document.addEventListener('DOMContentLoaded', () => {
? const html = document.querySelector('html')
? let fontSize = window.innerWidth / 10
? fontSize = fontSize > 50 ? 50 : fontSize
? html.style.fontSize = fontSize + 'px'
})
查看全部 -
禁止用手指縮放屏幕
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
查看全部 -
rem
查看全部 -
wrapper
查看全部 -
epub電子書會通過eoubjs實例化一個book對象,book對象會對電子書進行解析。我們可以通過renderTo方法生成一個Rendition對象,Rendition主要負責電子書的渲染,通過Rendition我們可以得到Theme對象。Theme負責電子書的樣式和主題,location負責電子書的定位,用來實現拖動進度條時快速定位的功能,他是由book對象生成的,Navigation也是由book對象生成的,用來展示電子書目錄,并提供目錄所在的路徑
查看全部 -
樣式兼容性
查看全部 -
根據寬度動態設置字體大小
查看全部 -
縮放問題,避免誤觸導致的放大縮小
查看全部 -
sass是css的一種擴展語言,--save-dev表示會將sass配置文件寫入到package.json文件當中。
查看全部 -
reset.scss目的是為了消除不同瀏覽器默認樣式的不一致性
global.scss規定了整個站點公共樣式、公共方法和公共參數等
實現px2rem方法,將px轉化為rem
查看全部 -
動畫原理:
查看全部 -
viewport配置
查看全部 -
rem配置
查看全部 -
reset+global
查看全部 -
epubjs工作原理
查看全部 -
?<meta name="viewport" content="width=device-width,initial-scale=1.0,
? ? maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
maximum-scale=1.0,minimum-scale=1.0,user-scalable=no 可以預防用戶誤觸屏幕而導致屏幕放大或者縮小
查看全部 -
把h黃褐斑v和h是不合適
查看全部 -
必須百年大計基督教
查看全部 -
rem?配置?
document.addEventLister('DOMContentLoaded',()=>{
????const html=document.querrySelector('html')
????let fontSize=window.innerWidth/10
????fontSize=fontSize>50?50:fontSize
????html.style.fontSize=window.innnerWidth/10+'px'
})查看全部
舉報