现在手机上的文本阅读app已经非常丰富，良好的阅读体验与海量的书库常常令我感到无比兴奋。我想到8年前用一点几寸屏幕的mp3看电子书的情景，顿生一种淡淡的温馨。再久远一些，小的时候，我也经常和小伙伴们组团去书店看白书，也就是白看书。古老的木质书架上那一叠叠厚重的黄皮小说书，在年幼的我们眼里仿佛是比盘子里的午餐肉更加美味可...

前言作为一个小前端，经常要和H5打交道，这就面临着不同终端的适配问题。Flexible方案通过Hack手段来根据设备的dpr值相应改变<meta>标签中viewport的值，给我更贴切的体会就是通过js脚本根据设备的dpr和设计图的宽度来计算出html的font-size值，然后就运用rem单位开发可以等比...

文章来源：http://www.restran.net/2015/05/14/mobile-web-front-end-collections/ 最近整理的移动端Web开发前端知识，不定期更新。拍照获取地理位置手势canvas绘图和动画(硬件加速)localstorage，本地缓存HTML5动画效果demoh...

http://caibaojian.com/flexible-js.html 阿里团队开源的一个库。flexible.js，主要是实现在各种不同的移动端界面实现一稿搞定所有的设备兼容自适应问题。实现方法：通过JS来调整html的字体大小，而在页面中的制作稿则统一使用rem这个单位来制作。关键代码如下：;(fu...

640*1136的图片能不能在iphone5上完全展示？iphone5分辨率640*1136逻辑像素与物理像素的关系px逻辑像素：浏览器使用的抽象单位dp，pt物理像素：设备无关像素dpr：设备像素缩放比计算公式：1px=(dpr)^2*dpiphone5的dpr=2；DPI:打印机每英寸可以喷的墨汁点（印刷行业）PP...

文章来源：http://www.cnblogs.com/HCJJ/p/6399185.html @charset"utf-8";html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;background:transparent;color:b...

现在科技太发达，移动设备像素越来越高，随便一张照片2M+，但是要做移动端图片上传和pc上略有不同，移动端你不能去限制图片大小，让用户先处理图片再上传，这样不现实。所以理解的解决方案就是在上传先进行图片压缩，然后再把压缩后的图片上传到服务器。一翻google之后，发现了localResizeIMG，它会对图片进行压缩成你...

http://www.xiaoxiangzi.com/Programme/CSS/4298.html 前言的一些碎碎念：最近一直在写移动端的页面，不过一直是用的别人造好的轮子，很多时候并没有想那是为什么，那是怎么样要那么写，就跟着别人的文档去了。本以为自己对移动端的那一丢丢理解，结果很多东西都特么有问题，所以...

原文：http://adt.aicai.com/index.php/archives/179/ 瞎折腾移动端的项目已经很长一段时间了，并不像其它企业一样，可以有项目组去完成，基本都是一个人瞎尝试，时而web，时而webapp。恍恍惚惚过了这段岁月，也不晓得自己忙了啥。总叫别人去总结，让别人学会总结，也该为自己...

用于手机端受dpr的影响，实际开发中，PC端和移动端展示的效果不太一样，往往在PC端显示的是1px，移动端常常是偏粗一些。解决办法：　　主要是用到伪类及缩放。在需要画边框的元素上，设置一个伪类，它的伪类相对于这个元素是一个绝对定位，通过伪类画一个1px边框，然后把它定位到元素的下面，就变成一个下边框。border-1p...

网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth(包括边线的宽) 网页可见区域高：document.body.offsetHeight...

Firefox浏览：1."Alt+t"选择工具栏中的“工具”》Web开发者工具》查看器》点击红框所指的地方或者F12[当然这个歌前提是你没有安装firebug]或者在页面中右键》查看元素》点击红框所指的地方 Chrome浏览器：1.Ctrl+Shift+I打开开发者工具 或者 F12》点击...

在我们平时练习或者实际项目中也好，我们常常遇到这么一个需求：移动端中的导航并不是在顶部也不是在底部，而是在最底部且是固定的，当我们点击该导航项时会切换到对应的组件。相信对于很多朋友而言，这是一个很简单的需求，而且市面上有很多开源的组件库就可以实现，像比如说：cube-ui等！那么对于一个要是还在练习以及对第三方组件库不...

说明最近在用vue写几个H5页面在微信上展示，遇到一个在弹窗上input输入完成之后点击键盘的完成，页面底部留出一片空白的问题出现原因分析当键盘抬起时，window.scrollY会从0变到键盘的高度，所以解决办法就是当input失去焦点的时候，将window.scrollY重新设置为0 解决给所有的inpu...

 移动端适配，目前自己常用的两种方案，参考以下两篇好文 方案一：使用lib-flexible包使用flexible包方式，安装 lib-flexible包和px2rem-loader包npminstall--save-devlib-flexiblepx2rem-loader在需要的js文件...