- 博客(6)
- 收藏
- 关注
原创 关于移动端的问题
移动端的点透: 当上层元素发生点击的时候,下层元素也有点击(焦点)特性, 在300ms之后,如果上层元素消失或者隐藏,目标点就会“漂移”到 下层元素身上,就会触发点击行为。 解决: 1.下层不要使用有点击(焦点)特性的元素。 2.阻止pc事件。 1.IOS10下设置meta
2017-04-02 16:56:23 329
原创 移动端阻止默认事件
由于浏览器必须要在执行事件处理函数之后,才能知道有没有掉用过 preventDefault() ,这就导致了浏览器不能及时响应滚动,略有延迟。所以为了让页面滚动的效果如丝般顺滑,从 chrome56 开始,在 window、document 和 body 上注册的 touchstart 和 touchmove 事件处理函数,会默认为是 passive: true。浏览器忽略 preventDefau
2017-04-02 16:30:12 3432
原创 响应式相关
@media (orientation:portrait) 屏幕垂直 @media (orientation:landscape) 屏幕水平//引入方式1 //引入方式2 @import url(01.css) (min-width:400px); @media screen and (min-width:400px ) { div{
2017-03-31 18:21:59 191
转载 手机端页面自适应解决方案—rem布局进阶版(附源码示例)
该方案使用相当简单,把这段 原生JS 放到 HTML 的 head 标签中即可(注:不要手动设置viewport,该方案自动帮你设置)script>!function(e){function t(a){if(i[a])return i[a].exports;var n=i[a]={exports:{},id:a,loaded:!1};return e[a].call(n.exports,n,n
2017-03-28 16:18:41 1533
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人