減少背景圖像本身的百分比而不是父元素

我經常使用background images在圓角正方形內顯示圖標。有時爲了響應的目的，我需要縮小廣場和圖標的大小。減少背景圖像本身的百分比而不是父元素

但是，當我有幾個圖標顯示爲不同尺寸的background images，並且我想顯示所有圖標，例如70％的原始尺寸時，我不能只設置一個background-size: 70%，因爲這意味着平方的70％，而我想要的是70％的background image自己的大小。

任何方式來實現在CSS？

2015-05-31 drake035

您能否給我們提供小提琴或html和css？我想從那裏幫助你。 – Brain

轉換塊而不是背景圖像。

transform: scale(.7);

2015-05-31 14:18:31

哇，它的工作。背景圖像會隨着我的需要而減少。但周圍的廣場的邊界不再是1px厚，所以一些邊緣是不可見的。任何方式轉換而不影響邊框厚度？ – drake035

增加邊框厚度會起作用嗎？還是太厚？ –

我想要一個1px的邊框寬度，所以不是一個真正的選項... – drake035

如果我正確理解你所要求的（70％的背景圖像本身），那麼我認爲這是不可能的CSS。儘管你可以用JS來實現它。計算圖像的尺寸，計算這些尺寸的70％（寬度* 0.7和高度），並使用該尺寸將其設置爲background-size:40px 40px;的尺寸

2015-05-31 14:18:38 antoniovassell

回答