加入官方微信群

使用微信扫描二维码
或搜索 weweloo 添加微信好友

返回
MooKwai快速入门智能的响应适配方案

智能的响应适配方案

MooKwai 提供了一套独创的自动响应适配方案,使用更少的时间完成更好的适配。在 MooKwai 中设置的全局样式均以视窗宽度为 1440px 作为标准,其他大于或小于1440尺寸的均以一定的比例公式进行转换。因此在设计桌面端界面时建议使用 1440px 的尺寸进行设计。

文章目录

断点规则

设备视窗宽度视窗比例名称间距适配规则
桌面端1440px标准尺寸a
桌面端1201 – 1600px常规a / 1440 * 100vw
桌面端1601 – 1800px大屏(lg)a * 1600 / 1440px
桌面端1801 – 2200px大屏(xl)a * 1600 / 1440px
桌面端2201px 及以上大屏(xxl)a * 1600 / 1440px
桌面端901 – 1200px竖版a / 1440 * 100vw
平板电脑901 – 1200px平板电脑a / 1440 * 100vw
平板电脑601 – 900 px平板电脑(竖版)a * 812 / 1440px
移动端900px 及以下移动端a * 812 / 1440px
移动端600px 及以下横 + 竖移动端(竖版)a * 812 / 1440px
* a 为标准尺寸下全局样式中设置的数值

使用微信扫描二维码
或搜索 weweloo 添加微信好友

加微信
进群聊聊(๑•̀ㅂ•́) ✧