CSS-使卡盒比实际情况更大

CSS - Make card box bigger, than it is

本文关键字：实际情况 CSS-      更新时间：2024-05-10

所以我得到了一段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，它是显示项目的"完美"框，但我的问题是我希望它更大，但如果我改变宽度。。什么也没发生。我怎么能把那个盒子做大？

您现在使用的代码将宽度从单位"vw"转换为单位"px"，但实际上并没有改变屏幕上的宽度。

如果你想改变盒子的大小，在再次设置之前，你需要对width属性的调用进行某种操作：

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

如果希望长方体保持相同的尺寸比，请确保还修改了"height"属性。

相关文章：