IOS手机，设置沉寝式状态栏，<header> 的高度台矮了，怎么设置它的高度

分类：MUI

headers 沉浸式状态栏

我在css中设置了.mui-bar height增加了10px没有效果，在真机上测试，在电脑浏览器上有效果，这个怎么设置

.mui-bar {
position: fixed;
z-index: 10;
right: 0;
left: 0;
height: 54px;**
padding-right: 10px;
padding-left: 10px;
border-bottom: 0;
background-color: #f7f7f7;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);
box-shadow: 0 0 1px rgba(0, 0, 0, .85);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}

2017-08-30 21:56 负责人:无分享

6 个回复

Salazar

一直都这样吧,我这里跑到iOS也是,搞不懂官方也不优化这一块

wenju - https://www.mescroll.com -- 精致的下拉刷新和上拉加载组件

//打开或者创建Webview的时候设置状态栏的颜色statusbar 就会自动预留好状态栏的高度
plus.webview.create(url, url, { scrollIndicator:"none", statusbar:"#ffff00"},);

http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewStatusbarStyles 搜索看看statusbar的配置

五叶神 - 世界上没有免费的午餐，也不要有一颗贪婪的心

http://ask.dcloud.net.cn/article/1016

不做大哥好多年 (作者)

看看试下

2017-09-05 22:15

7***@qq.com - 前端开发人员

最笨的办法：把header高度调高一点，header里面的内容往下拉一点，mui-content的margin-top跟header高度一样调高一点。在css里面覆盖嘛

不做大哥好多年 (作者)

我试了，没效果

2017-09-05 22:15
7***@qq.com

先在当前页面调整样式，调好了在css里面改或者覆盖，样式不用我说了吧，没效果就是样式不对，多调调就好了

2017-09-11 08:38

joks

官方竟然连这个问题也不解决或提供案例吗？呵呵了现在有几个应用不是沉浸式状态栏的搞笑了。

五叶神

一直都有啊

2017-09-10 17:06
joks

麻烦提供一下解决方法或案例，我从官方的hello-login中无法设置。我的应用就是沉浸式的，是通过uiwebview的方式载入的，非原生应用

2017-09-10 17:13
五叶神

你可以下载安装下我做的那些应用试试，himall、桃花季、桃运营啥的都行，全部都是沉浸模式，方法在在上面回复了

2017-09-10 17:13
五叶神

需要打包配置文件才生效的

2017-09-10 17:14
joks

我就想问下，我的应用是使用 ios uiwebview 的方式载入的，如果只是修改 js css 这些怎样使用官方的例子达到沉浸式效果呢？还有就是官方的hello-login hello-mui 无法打包;我按照官方的文档，许多关键的设置或步骤直接没有或有变化了。本人一直做java后端开发的，对app打包这块不熟悉请指教，谢谢！

2017-09-10 17:20

qq421065846

从七月中旬开始做混合app，到8月中下旬app上线。已经完成了一个简单的app并且在腾讯和苹果appstore上线了，这期间遇到过无数的坑，主要是熟悉和使用mui框架，h5+，以及调用原生api等，入坑已深，现在正准备开发一款旅游类的混合app，原型图已经出。现在准备开工了。同时，希望有一起做混合app的，有兴趣加qq群654230427一起讨论交流学习，爬坑，共同进步。

该问题目前已经被锁定, 无法添加新回复

IOS手机，设置沉寝式状态栏，<header> 的高度台矮了，怎么设置它的高度

6 个回复

公告

相关问题

IOS手机，设置沉寝式状态栏，<header> 的高度台矮了，怎么设置它的高度

与内容相关的链接

6 个回复

公告

相关问题