移动端常用的布局方式一般用弹性布局。

弹性布局：

顶部与底部的banner不管分辨率怎么改变，他的宽度和位置都不变，中间每条贴子不管分辨率怎么变，贴子的图标都位于站点的左侧，贴子都位于右边;不同屏幕大小变小，网站也是同比率的缩小或放大

等比例缩放布局：

使用js动态获取viewport的宽度并按照一定比例设置给html的font-size后，可以实现强大的屏幕适配布局，(一般淘宝，腾讯，网易等网站都是rem布局适配)，因为rem能等比例适配所有屏幕，根据html的字体大小来控制rem的大小。

原文链接：https://www.qiquanji.com/post/7567.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。