收藏
回答

map组件想全屏显示,设置style以后却不显示出来了

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug map 工具 6.7.3 `

<!--pages/map/map.wxml-->

<view class="fullscreen">

<map longitude="{{user_longitude}}" latitude="{{user_latitude}}" class=""></map>


</view>


wxss:

map{

 width: 100%;

 height: 100%

}


.fullscreen{

 height: 100%;

}


给map加上style的效果和不加的如下两图:



加上height width以后就消失了。请问应该怎么用?

回答关注问题邀请回答
收藏

2 个回答

  • Barbara.zhou
    Barbara.zhou
    2018-11-09

    父级height其实是0,可以设height:100vh

    2018-11-09
    有用 2
    回复 1
    • 2018-11-09

      外层还有个page。谢谢了

      2018-11-09
      回复
  • 理想
    理想
    2020-12-18
    <!--wxml-->
    <view class="fullscreen">
        <map longitude="{{user_longitude}}" latitude="{{user_latitude}}" class="map"></map>
    </view>
    

    

    我也不知道为什么,下面map的样式这里,用%不行,用vh才有效,索性宽我也换vw

    参考单位的连接:https://blog.csdn.net/liyi1009365545/article/details/78542707

    /* wxss */
    /* width:100%=750rpx=100vw */
    /* height:100%=100vh */
    .map{
        width:100vw;
        height:100vh;
    }
    
    2020-12-18
    有用
    回复
登录 后发表内容