Question

所以我得到了一些Javascript和CSS。

使用Javascript：

$('.item-card').css("width", $('.item-card').width() + "px");
$('.item-card').css("font-size", $('.item-card').width() * .13 + "px");

CSS：

  margin-left: 1vw;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  right: -15%;
  width: 10vw;
  display: inline-block;
  position: relative;
  white-space: normal;

好吧，使用那个CSS，它是项目显示的“完美”框，但我的问题是我希望它更大，但如果我改变那个宽度......没有任何反应。我怎么能把那个盒子做得更大？

Answer 1

您现在使用的代码现在可以转换单位＆＃34; vw＆＃34;到单位＆＃34; px＆＃34;，但实际上并没有改变屏幕上的宽度。

如果你想让盒子改变大小，你需要在调用width属性之前进行某种操作，然后再重新设置：

// double the width
$('.item-card').css("width", $('.item-card').width() * 2 + "px");

确保您还修改了＆＃39; height＆＃39;如果您希望盒子保持相同的尺寸比，则可以使用属性。

CSS - 使卡盒更大，而不是它

1 个答案: