这篇文章就当进入移动web开发的宣誓稿吧，作为移动领域的门外汉，在这段时间的接触后，发现前端开发这潭水愈发的深了！不多言，进入主题。 　　我将从下面几个方面探讨移动web前端开发：分辨率、屏幕、手机浏览器、设计理念、响应式web开发。 分辨率 手机分辨率比PC分辨率要庞杂得多，各种分辨率 ...

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

Web比App简单？ 前两天有人问手机上做网页简单还是做app简单，我真答不上来。很多人会不以为意的说当然是网页简单，但真的是这样吗？ 放眼现在上线的手机网页，大多数都是平时pc的技术沿用过来的，鲜有新时代的影子。看来看去也就淘宝、豆瓣、知乎这种大公司对移动网页有一定的思考 ...

前面的话 　　iOS版Safari为了向开发人员传达一些特殊信息，新增了一些专有事件。因为iOS设备既没有鼠标也没有键盘，所以在为移动Safari开发交互性网页时，常规的鼠标和键盘事件根本不够用。随着Android 中的WebKit的加入，很多这样的专有事件变成了事实标准，导致W3C开始制定 ...

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

前面的话 　　在CSS标准文档中，视口viewport被称为初始包含块。这个初始包含块是所有CSS百分比宽度推算的根源，它给CSS布局限制了一个最大宽度。在桌面上，视口的宽度和浏览器窗口的宽度一致。而在移动端，视口分为布局视口(layout viewport)、视觉视口(visual ...

什么是移动WEB开发，我个人理解就是，将网页更好的显示在移动端的一些设置，简单来说就两点如下： 1、流式布局，即百分比自适应布局 将body下的div容器的样式设置如下： 2、viewport视口 在head标签中，添加如下： 设置宽度width ...

前面的话 　　像素在web开发中几乎天天用到，但到底什么是像素，移动端和桌面端的像素有区别吗，缩放对像素有影响吗，视网膜屏幕和像素有什么关系？关于这些问题，可能就不清楚了。本文将介绍关于像素的相关知识 定义 　　像素，又称画素，是图像显示的基本单位，译自英文“pixel”，pix ...