-
在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() }) }查看全部 -
Rem根元素的设置
查看全部 -

epubjs的核心工作原理
查看全部 -
知识点解析
查看全部 -
引用模板
在src/components下新建vue文件,在本页面import并comonents注册两个组件
查看全部 -
flex的应用

flex设置三个参数最后一个表示宽度,flex:1表示自动伸缩
查看全部 -
1rem = fontSize,即1rem等于html根字体大小,根字体大小以px为单位
1px = (1/fontSize)rem,即1px等于1除以html根字体大小
px2rem方法为px转化为rem,那么如何调用呢?
.className{
font-size:px2rem(100)
}
查看全部 -
知识点图谱
查看全部 -
可以用vuex来解决组件间的通信
查看全部 -
epubjs核心工作原理
查看全部 -
完整开发流程
查看全部 -
知识点解析
查看全部 -
开发准备工作
查看全部 -
读书进度条 bockground-size 设置,
按钮 由轨道设置而来
查看全部 -
编写代码时eslint需要空格,不然运行会报警告
查看全部
举报