小程序 給最外層view設置百分之百高度不起作用

<view class="content">
  <view class="today">
    <view class="info">
      <view class="temp">{{today.wendu}}℃</view>
      <view class="weather">{{today.todayInfo.type}} {{today.todayInfo.fengxiang}} {{today.todayInfo.fengli}}</view>
      <view>友情提示：{{today.ganmao}}</view>
      <view class="city">{{city}}</view>
    </view>
  </view>
  <import src="../template/itemtpl" />
  <view class="future">
    <block wx:for="{{future}}" wx:key="*this">
      <template is="future-item" data="{{item}}" />
    </block>
  </view>
</view>

.content不起作用

.content{
    font-family : 微軟雅黑,宋體;
    font-size: 14px;
    background-size:cover;  
    height: 100%;
    width:100%;
}

 看開發工具調試  content外套一層page,所以再給page一個height:100%就可以了