我的小程序广告组件都是放在自定义组件中的，今天发现AD组件（banner广告）会被系统自动加上如下的代码，让广告变小了：

width: 300px !important;

因为这个的权重比较大，我们直接在他上面改样式还是会被系统屏蔽，用下面的代码可以很好的解决，我用的vue写法，原生的ad代码按照官方的来

<view class="bannerad" :style="{'transform':'scale('+(screenWidth-40)/300+')!important'}">
	<ad class="ad" @load="adLoad" @error="adError" :unit-id="data"></ad>
</view>

在ad组件的外部加上view并动态定义transform的值。我这里screenWidth是屏幕宽的变量值，40是边距，300是ad广告的原始宽度

然后给全局样式

.bannerad {
	display: flex;
	justify-content: center;
}
.bannerad .ad {
	flex:1;
}

处理前：

处理后：