Web页面布局

在写照片在线应用时，按需学习了：

flask--Jianja--css--html--sqlite3--python image--web页面

web页面布局

pixel/EM是相对单位，point是绝对单位，栅格系统都用pixel

为什么很多网页设计采用960px

栅格系统，坐标系，比较系统的介绍 https://www.jianshu.com/p/9838f217f4f6.

 

栅格系统通常有24列/12列和16列三种尺寸，规定好栅格和页面布局，如下

然后UI和GUI设计师就可以确定尺寸，切图和出图了

 

iPhone屏幕分辨率和适配规则

这个系列讲解地很清楚

https://www.jianshu.com/p/1b24ca5e8c12dd