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

現在使用しているコードでは、幅「ww」を単位「px」に変換しますが、画面上の幅は実際には変更されません。

あなたはボックスのサイズを変更したい場合、あなたは再びそれを設定する前に、widthプロパティへのお電話での操作のいくつかの並べ替えを行う必要があります：

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

あなたはまた、「高さを変更することを確認してくださいボックスに同じ次元の比率を維持したい場合は 'プロパティを使用します。