微信小程序开发之全屏显示

问题

我的小程序只有一个地图,如下代码,但他不是全屏的,

<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>

现在的效果

经验分享 程序员 微信小程序 职场和发展