组件：cover-view组件

微信版本号：安卓微信 8.0.6

cover-view组件设置了max-width的值，white-space设置为normal，在模拟器上能够正常以最大宽度换行显示，但是真机一行只显示了3个字，就被换行了，设置的max-width无效，请问下这种情况怎么办

css部分:
.customCallout {
  background-color: #fff; 
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 6px 10px;
  white-space:normal;
}

.content {
  font-size: 14px;
  white-space:normal;
  max-width: 500rpx;
  margin: 0px auto;
}

wxml部分:
<cover-view slot="callout">
        <block wx:for="{{customCalloutMarker}}">
          <cover-view  class="customCallout" marker-id="{{item.id}}" >
            <cover-view class="content"> 
              {{item.title}}
            </cover-view>
          </cover-view>
        </block>
    </cover-view>