移动端网页开发基础

---

前言

开始学习移动web开发基础

---

一、浏览器

1.pc端常见浏览器

360、谷歌、火狐、QQ、百度、搜狗、IE。

2.移动端常见浏览器

UC、QQ、欧朋、百度、360、谷歌、搜狗、猎豹以及其他杂牌浏览器。
常见移动端尺寸：

移动端浏览器主要对webkit内核进行兼容。

二、视口

viewport就是浏览器显示页面内容的屏幕区域，可以分为布局视口、视觉视口和理想视口。

1.布局视口layout viewport

pc端的页面被压缩。

2.视觉视口visual viewport

网站的区域。用户正在看到的网站的区域。

3.理想视口ideal viewport

为了使网站在移动端有最理想的浏览和阅读宽度而设定。
meta视口标签主要目的是：布局视口的宽度应该与理想视口的宽度是一致的（设备有多宽就让布局视口有多宽）