Question

如何更改此代码，以便显示70％70％的图像，并且我们可以从四个方面获得30％的空白边距？我不想使用CSS背景属性，但想使用以下代码：

HTML：

<div id="bg"><img alt="" src="https://uwmadison.qualtrics.com/CP/Graphic.php?IM=IM_8qcNSb90kC6dqmx" /></div>

的CSS：

bg{
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 70%; 
  height: 70%;
}
bg.img {
  position: absolute; 
  top: 10; 
  left: 10; 
  right: 10; 
  bottom: 10; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

Answer 1

首先，检查你的css选择器。 #something代表ids，.something代表类，something是纯代码。另外，请记住用空格分隔它们。

其次，你的数学：70％宽度每边留下15％，而不是30。

第三，只需设置图片的宽度和高度，然后相应调整顶部和左边：http://jsfiddle.net/LNzwb/7/

图像不会根据CSS代码的变化进行缩放

1 个答案: