前端（流式布局和flex布局）

谷歌模拟手机调试
1**.视口（viewport）：**屏幕区域
布局视口、视觉视口、理想视口
1）布局视口（layout viewport）
ios，安卓 980px
不适合
2）视觉视口visual viewport
3）理想视口ideal viewport
需要手写填写视口标签同之浏览器操作
对设备最理想的视口，乔布斯

2、meta视口标签

3.物理像素和px
pc端，1个px等于一个物理像素；
iphone8 1个px等于两个物理像素。
视网膜屏幕，将更多的物理像素点压缩，更加高清

4、背景缩放
background-size: 50%
background-size: 500px 300px(宽度 高度)
background-size: cover
background-size: contain

5.多倍图切图cutterman

6、移动端开发
1）单独制作移动端（主流）
在网址域名前加m可以打开移动端页面m.jingdong.com
2）响应式兼容px移动端 例如：三星

7、移动端浏览器基本以webkit
css初始化 normalize.css
传统的css
css3盒子模型

8、布局
单独制作移动