第2章 移动Web开发基础（上）

学习目标

★掌握视口的基本概念和使用方法

★掌握移动Web页面的样式编写方法

★理解分辨率和设备像素比的概念

★掌握二倍图的使用方法

★掌握SVG矢量图的使用方法

在熟悉了Bootstrap框架和移动Web开发的主流方案后，本章将对移动Web开发的基础知识进行讲解。本章内容主要包括视口、移动端Web页面的样式编写、分辨率、设备像素比、二倍图和SVG矢量图等。其中，移动端页面的显示效果与移动端设备的视口有关，在移动端页面可以通过<meta>标签设置理想视口。在开发时还需要注意移动端设备的屏幕分辨率适配问题，以及图片的显示问题。