微信小程序怎么设置高度与宽度一样，宽度按百分比来

在微信小程序中，可以使用rpx单位来设置宽度按百分比来显示，rpx是微信小程序中的一个相对单位，可以根据屏幕宽度自适应调整大小。

具体实现方法如下：

1. 在wxml中设置view标签，设置class属性为square（或任意命名），表示正方形。

<view class="square"></view>

2. 在wxss中设置.square样式，设置宽度为100%，高度为宽度的值。

.square {
  width: 100%;
  padding-top: 100%;
}

这样，设置的view标签就会自动根据屏幕宽度来调整宽度，同时高度也会按照宽度的值来显示，实现正方形的效果。

相关问题

微信小程序设置view的宽度为四个汉字，仅设置rpx无效

如果仅使用 rpx 设置 view 的宽度无效，可能是因为 rpx 的换算比例有误或者在样式中存在其他的影响宽度的属性。

此时，你可以尝试使用百分比单位来设置 view 的宽度。假设一个汉字的宽度为 20%，那么设置四个汉字的宽度可以通过以下方式实现：

<view style="width: 80%;">
  <!-- 内容 -->
</view>

在上面的代码中，将 view 的宽度设置为 80%。这样就可以保证 view 的宽度为四个汉字的宽度。同样，你可以根据实际情况调整汉字的宽度和需要设置的 view 的宽度。

微信小程序input宽度

微信小程序中，input组件的默认宽度是100%。如果你想设置input的宽度，可以使用style属性来设置。例如，下面的代码将input的宽度设置为200rpx：

<input style="width: 200rpx;" />

你也可以使用百分比来设置宽度，例如：

<input style="width: 50%;" />

这将使input的宽度为其父元素宽度的50%。