-
viewport設(shè)置
查看全部 -
閱讀器開發(fā)流程
查看全部 -
閱讀器工作原理
查看全部 -
知識(shí)點(diǎn)解析
查看全部 -
transition動(dòng)畫原理
查看全部 -
哈哈哈哈查看全部
-
reset.scss和global.scss
reset.scss源碼地址 https://meyerweb.com/eric/tools/css/reset/
查看全部 -
rem配置，字體隨屏幕大小自適應(yīng)。在App.vue中添加
document.addEventListener("DOMContentLoaded", setFontSize);
window.addEventListener('resize', setFontSize)
function setFontSize() {
????const html = document.querySelector("html");
????let fontSize = window.innerWidth / 10;
????fontSize = fontSize > 50 ? 50 : fontSize;
????html.style.fontSize = fontSize + "px";
}
查看全部 -
在meta標(biāo)簽中設(shè)置如下，禁止用戶誤操作縮放頁面
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
另外對(duì)于Safari瀏覽器來說，無法通過meta屬性限制其縮放，可以在App.vue中添加如下代碼，實(shí)現(xiàn)縮放禁止，主要原理是：禁止兩指以上的觸摸事件（因?yàn)榭s放需要兩指操作），禁止手勢(shì)事件的識(shí)別
window.onload?=?function()?{ ??document.addEventListener('touchstart',?function(event)?{ ????if?(event.touches.length?>?1)?{ ??????event.preventDefault() ????} ??}) ??document.addEventListener('gesturestart',?function(event)?{ ????event.preventDefault() ??}) }查看全部 -
電子書文件一定要放在public文件下，否則會(huì)導(dǎo)致電子書無法渲染出來，被坑了半小時(shí)·····
查看全部 -
Rem根元素的設(shè)置
查看全部 -
epubjs的核心工作原理
查看全部 -
知識(shí)點(diǎn)解析
查看全部
舉報(bào)