移动端常用的布局方式一般用弹性布局。
弹性布局:
顶部与底部的banner不管分辨率怎么改变,他的宽度和位置都不变,中间每条贴子不管分辨率怎么变,贴子的图标都位于站点的左侧,贴子都位于右边;不同屏幕大小变小,网站也是同比率的缩小或放大
等比例缩放布局:
使用js动态获取viewport的宽度并按照一定比例设置给html的font-size后,可以实现强大的屏幕适配布局,(一般淘宝,腾讯,网易等网站都是rem布局适配),因为rem能等比例适配所有屏幕,根据html的字体大小来控制rem的大小。
原文链接:https://www.qiquanji.com/post/7567.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知