07
2019
09

移动端常用的布局方式

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

弹性布局:

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

等比例缩放布局:

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

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

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

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。