問題描述

寫微信小程序時，相信不少人都會遇到一個問題“按鈕的寬度無法改變”，這時候如何解決呢，在這里介紹幾種解決方法。

解決方法

方法一

使用行內(nèi)樣式

<button style="width:100rpx; height:100rpx"></button>

方法二

使用!important進行樣式提升

button {
  height: 80rpx;
  width: 80rpx !important;
}

方法三

使用view包裹button

<view class="btn-container">
    <button class="btn"></button>
</view>

.btn-container .btn{
  height: 80rpx;
  width: 80rpx;
}

方法四

刪除"style": "v2"，不推薦。
具體路徑為app.json下的"style": "v2",