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