响应式布局与媒体查询,以及像素以及查看各种分辨率下显示效果的工具

1.响应式布局不仅要求能根据屏幕大小自适应,还要求对用户的的操作做出反应,如缩放,媒体查询可以对缩放(页面加载完成之后,调整窗口大小)进行反应

2.我以前以为像素占固定空间,但在手机上浏览才发现,设置像素后,占多大空间由手机分辨率决定,即1英寸内可以放多少个像素,也是手机参数中的分辨率

一般3英寸的手机分辨率为240*320,即宽240像素,高320像素

3.有一个可以显示各分辨率的工具 https://github.com/johnpolacek/Responsivator