移动端常见问题
易大师33
这个作者很懒,什么都没留下…
展开
-
移动端click事件延迟300ms到底是怎么回事,该如何解决?
问题由来 这要追溯至 2007 年初。苹果公司在发布首款 iPhone 前夕,遇到一个问题:当时的网站都是为大屏幕设备所设计的。于是苹果的工程师们做了一些约定,应对 iPhone 这种小屏幕浏览桌面端站点的问题。 这当中最出名的,当属双击缩放(double tap to zoom),这也是会有上述 300 毫秒延迟的主要原因。双击缩放,顾名思义,即用手指在屏幕上快速点击两次,iOS转载 2016-12-28 19:24:42 · 628 阅读 · 0 评论 -
图片懒加载(移动端)
在页面上图片比较多的时候,为了优化性能,可以采用延迟加载技术,我封装了一款轻量级的插件。转载 2016-12-28 19:44:17 · 757 阅读 · 0 评论 -
移动端视口等宽正方形写法
移动端视口等宽正方形写法原创 2017-01-13 18:02:42 · 767 阅读 · 0 评论 -
移动端CSS RESET
以iphone6的750的视觉稿为准/*css reset*/html{font-size: 85.3333px;}body{font-size: 0.14rem; }/*实际相当于14px*//* iphone 6 */@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-devi原创 2017-03-08 14:08:25 · 479 阅读 · 0 评论 -
移动端 1px边框
HTML:<div class='line'></div>CSS:.line{ width: 100%; position: relative; &:after{ content: " "; position: absolute; left: 0; top: 0; width: 100%;原创 2017-03-08 14:09:56 · 332 阅读 · 0 评论 -
移动端 loading图 css样式
HTML:<div class="section-loading-box"> <div class="g-loading"> <div class="g-loading-leaf g-loading-leaf-0"></div> <div class="g-loading-leaf g-loading-leaf-1"></div> <div cl原创 2017-03-08 14:11:44 · 1011 阅读 · 0 评论