1.百分比布局,也叫流式布局。代表网站:优酷、百度、天猫、腾讯。元素大小不会发生变化,适配改变的是元素之间的间距。窄设备间距小,宽设备间距大
2.等比缩放布局,也叫rem布局。代表网站:网易、爱奇艺、淘宝、美团。元素间距基本不会发生改变,适配改变的是元素的大小。窄设备元素小,宽设备元素大
流式布局原则
好处:大屏幕下显示更多的内容。
坏处:宽屏比例下会有一些不协调
流式布局练习:拉勾网移动端
1.百分比布局,也叫流式布局。代表网站:优酷、百度、天猫、腾讯。元素大小不会发生变化,适配改变的是元素之间的间距。窄设备间距小,宽设备间距大
2.等比缩放布局,也叫rem布局。代表网站:网易、爱奇艺、淘宝、美团。元素间距基本不会发生改变,适配改变的是元素的大小。窄设备元素小,宽设备元素大
流式布局原则
好处:大屏幕下显示更多的内容。
坏处:宽屏比例下会有一些不协调
流式布局练习:拉勾网移动端