在开发微信小程序的时候,我们会遇到各种坑,但是,这个东东是中国人做的,so...会有很多解决方案来填坑,今天就来填个小程序开发组件全屏的坑。
问题
我的小程序只有一个地图,如下代码,但他不是全屏的,
<view >
<map ></map>
</view>
效果如下:
打开控制台进行css控制,但还是不行,所以得控制page。
解决
控制page,然后在控制子元素也是全屏就解决了。
对于page的控制写在app.wxss中,同时再定义一个全屏样式。
page{
width: 100%;
height: 100%;
}
.container{
width: 100%;
height: 100%;
}
将样式container运用到view和map上,
<view class="container">
<map class="container"></map>
</view>
现在的效果
原文链接
更多推荐
微信小程序开发之全屏显示
发布评论