Web前端开发笔记之CSS拓展06——移动端、屏幕、视口、二倍图、流式布局

1.移动端开发与PC端网页的不同?

>PC屏幕大，网页固定版心

>手机屏幕小，网页宽度多数为100%

2.屏幕尺寸：

指的是屏幕对角线的长度，一般用英寸来表示。

 

 

 移动端默认屏幕宽度是980px，我们需要使用视口来调整其网页宽度大小等于逻辑宽度。

3.视口

 4.二倍图

二倍图用于显示在高分辨率下依旧清晰的效果，同时和逻辑分辨率有比例关系。（以iphone6/7/8为例我们默认以750px做设计方案）

5.百分比布局