CSS-使卡片盒更大

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

現在，您正在使用的代碼將寬度從單位“ vw”轉換為單位“ px”，但實際上並未更改屏幕上的寬度。

如果要更改框的大小，則需要在調用width屬性之前進行某種操作，然后再進行設置：

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

如果要使框保持相同的尺寸比例，請確保還修改了“高度”屬性。