本篇主要是记录一下移动端视口的分类说明和其它的一些知识。在开始之前，先看一个典型的例子： 上述代码相信大家在做移动端开发时经常去书写。它研究了两个内容：meta视口和宽度媒体查询。通常我们都会称上述代码为CSS3的媒体查询功能。使用媒体查询功能能够解决针对桌面级的web设计在移动端 ...

一、目前移动端布局方法 两个基本规则：移动优先，设计初期就要考虑设计的页面如何多终端显示。渐进增强，充分发挥硬件设备的最大功能。 三个常用方法： 1）css3-media Query（最简单，最基本） 优点：解决了跨设备问题 缺点：兼容性代码多工作量大，加载 ...

移动端浏览器现状 视口 meta视口标签 二倍图 移动端主流方案 移动端技术解决方案 移动端常见布局 1.流式布局(百分比布局) 2.flex布局 3.rem适配布局 　　　　1）rem单位　　　　2）媒体查询　　　　3）less ...

三个月前曾写过一篇跨终端响应式页面设计入门的博客，上了博客园头条也得到了不少关注，今天想在这篇博客的基础上，继续写一篇进阶的文章。 补充 基于“入门”一文，我想再补充几个基础知识点，主要都是针 ...

　　首先要说明的是，开发移动端web页面是可以使用jQuery的，但是不建议使用它而已！ 　　之所以不建议再使用jQuery，我想至少有2个原因。 　　其一是，jQuery有一个特点，这个特点也是被人们津津乐道的一个优点，就是jQuery屏蔽了浏览器的差异。 　　但是这一特点的出发点 ...

这个话题有些复杂，说起来有些琐碎，因为和移动端适配相关的问题太多了。 1. 概念 1.1 设备像素 设备像素被称为物理像素，它是显示设备中一个最小的物理部件。每个像素可以根据操作系统设置自己的颜色和亮度。这些设备像素的微小距离欺骗了我们肉眼看到的图像效果。 1.2 屏幕密度（ppi ...

文章来源： http://www.restran.net/2015/05/14/mobile-web-front-end-collections/ 最近整理的移动端 Web 开发前端知识，不定期更新。 HTML5 可以做什么 拍照 获取地理位置 手势 canvas ...

前面的话 　　chrome的开发者工具可以很好地做好模拟工作，但毕竟模拟和实际还是有差别的。所以，真机测试是一定要做的，如何高效地进行真机测试呢。个人感觉，还是BrowserSync用得比较称手。本文将详细介绍如何应用BrowserSync进行移动端真机测试 特性 ...