H5移动端
seven_begain
这个作者很懒,什么都没留下…
展开
-
移动前端之flexbox
2009年,W3C提出了一种新的方案———Flexbox布局(弹性布局),可以简便、完整、响应式地实现各种页面布局。Flex布局模型不同于块和内联模型布局,块和内联模型的布局计算依赖于块和内联的流方向。Flex的优异性在时间的打磨中,越加的耀眼:如今前端开发离不开Flex,火热的Reac Native中少不了Flex,更让人惊喜的是Google的推出的开源项目flexbox-layout让转载 2017-05-26 13:24:13 · 275 阅读 · 0 评论 -
浅谈dp px ppi dpr dpi
dpi :(Dots Per Inch),指每英寸的像素,是衡量打印机打印精度的主要参数之一ppi:PPI(Pixel Per Inch)表示数字影像的解析度(也许这样太过于抽象,dpi=ppi)px:像素单位。最基础的图像构成元素单位,css pixel 逻辑像素,浏览器使用的单位dp pt:device independent pixel 设备无关像素或物理像素原创 2017-05-16 15:08:54 · 1506 阅读 · 0 评论 -
window.innerwidth documet.body.clientwidth
就移动web前端这里是以iphone5做的例子.head{ width:1200px; height:568px; background-color: yellow;}我们可以看到window.innerwidth的值就是上面代码的widthdocumet.body.clientwidth代表的就是我们的iphone自己设置的viewp原创 2017-05-18 14:07:18 · 505 阅读 · 0 评论 -
viewport详解
移动前端开发之viewport的深入理解一、viewport的概念通俗的讲,移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域,在具体一点,就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域,但viewport又不局限于浏览器可视区域的大小,它可能比浏览器的可视区域要大,也可能比浏览器的可视区域要小。在默认情况下,一般来讲,移动设转载 2017-05-18 15:13:14 · 272 阅读 · 0 评论