-
大概在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'
})查看全部
举报