MUI框架设置页面适配各种机型

waxf523 2017-07-21 10:01:16

如何用MUI，使手机页面适配各种机型。例如：我一排有三个按钮，怎样设置这三个按钮在Galaxy S5，Nexus 5X，Nexus 6P，iPhone 5，iPhone 6，iPhone 6 Plus，iPad等上面，显示的宽度，大小和边距是一样的。

...全文

428 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

html5+app、移动端、mui+app尺寸适配、屏幕适配、屏幕自适应插件，解决不同手机尺寸的手机适配问题

基于MUI框架的使用HTML5+实现的二维码扫描功能，代码实现了二维码的实时扫描功能，并可以从本地文件夹中选取图片进行扫描，对布局进行了优化，适配了更多的机型。PC端不可使用，仅限于移动端，下载使用之前，请先...

最后只能用简单粗暴的方法plus.device.model 来做适配。具体方法：普通屏幕手机的状态栏高度是24，而iPhoneX 状态栏的高度44，下巴的高度是34。 //plusReady之后 if （plus.device.model === 'iPhoneX...

manifest.json中的plus 下增加： "safearea": { //"background":"#CCCCCC", // 安全区域外的背景颜色，默认值为"...这样iphone x 底部和状态栏自动适配...

现在比较火的是mui、amaze UI 之类的，mui是现在最灵活轻便的一个框架，能够从pc到移动灵活的自适应，只需要调用他定义的类名就能使用，非常方便，只是需要自己来查找、更改样式页面如下 head标签内引入mui ...

81,091

社区成员

341,718

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章