一个有味道的Weber

屏幕尺寸我们通常所说的iPhone5屏幕尺寸为4英寸、iPhone6屏幕尺寸为4.7英寸，指的是显示屏对角线的长度虚拟试图(visual viewport)可以认为是设备自己的宽度，也叫视口尺寸指的是浏览器可视区域的宽度。布局试图(layout viewport)可以认为是虚拟的窗口，也可以片面的理解为苹果或者安卓手机屏幕的分辨率(注：是分辨率而非手机屏幕大小)...

js触摸事件该类事件会在用户手指放在屏幕上面时，在屏幕上滑动时，或从屏幕上移开时触发。具体来说有以下几个触摸事件。 1. touchstart 当手指放在屏幕上触发。 2. touchmove 当手指在屏幕上滑动时，连续地触发。 3. touchend 当手指从屏幕上离开时触发。 4. touchcancel 当系统停止跟踪时触发，系统什么时候取消，文档没有明确的说明。【总...

iPhone高清屏适配

今天早晨决定写这篇博文，但是晚上回家的时候，突然一道闪电从脑海劈过，于是临时决定将这个熟悉然后到懵逼最后到放弃的问题分为两部分。第一部分为抛出问题，诚邀各路英雄豪杰解答；第二部分为解答，就是一周之后会给出我的答案。 闲话少说，直接上题：要求如下： 三个橙色圆的大小为60px，固定不变 所有间隙相等，也就是被三个橙色圆划分成的四个间距相等 应用在移动端，整个黄色为全屏宽度（所以这里图片的大

移动端常用的集中居中的方法、flex方法、table方法、translate方法css3等分方法css3flextranslate

所有属性Flex属性display:flex | flexbox | boxflex-direction:row | row-reverse | column | column-reverseflex-wrap:nowrap | wrap | wrap-reverseflex-flow:flex-direction,flex-wrapjustify-content:flex-start |

网易的适配方案设计稿640px取一个100px的font-size为参照 那么body元素的宽度就可以设置为width: 6.4rem，所以html的font-size=deviceWidth/6.4 这个deviceWidth就是viewport设置中的那个deviceWidth，根据这个计算规则，可得出适配方案deviceWidth = 320，font-size = 320 / ...