Html 添加到购物车的响应按钮问题（根据页面调整宽度）

我正在尝试调整“添加到购物车”按钮

这是正确的：

但当我更换设备时，宽度仍然相同

我尝试使用：

box-sizing: border-box;

但是出了点问题。有人能帮我吗

.sparsh buynow视图#产品sparsh buynow按钮{
边缘底部：15px；
最小宽度：500px；
线高：2.2rem；
高度：45px；
填充：5px17px；
字体大小：1.8rem；
框大小：边框框；
}

---

尝试使用vw代替px作为最小宽度

.sparsh-buynow-view #product-sparsh-buynow-button {
  margin-bottom: 15px;
  min-width: 50vw;
  line-height: 2.2rem;
  height: 45px;
  padding: 5px 17px;
  font-size: 1.8rem;
  box-sizing: border-box;
}

---

您使用的是mobile responsive还是其他？？？@A.ANoman您可以在live上查看这并不能解决我们的问题。你可以现场查看