如何将1张图片粘贴在另一张图片上,并在将图片调整为最大宽度后将它们保持在一起:100%

时间:2019-03-11 16:30:37

标签: css

我有宽度:100%这对我来说是非常必要的。根据此示例代码,即使我调整了浏览器的大小,也有人可以帮助我将橙色符号粘贴在任何键的顶部并将其保留在该位置吗?就像它已经在键盘上发生了什么一样。...非常感谢!

演示

HTML

<!DOCTYPE html>
<html lang="en">

<hsrc="https://i.imgur.com/jc1rbcJ.gif">
    </div>
  </body>

  </html>
</body>

</html>

CSS

.container {
  position: relative;
  width: 100%;
  max-width: 100%;
}

.imageOne {
  max-width: 100%;
}

.

1 个答案:

答案 0 :(得分:0)

width: 600px; max-width: 100%;
width: 100%; max-width: 600px;

父级宽度为1000像素 宽度表示元素应为600px宽。这不会违反最大宽度规则,所以是600px! 宽度表示元素应为1000px宽。这违反了最大宽度规则,因此将元素强制降低到600px。 父母宽320像素 宽度表示元素应为600px宽。这违反了最大宽度规则,该规则说元素最大只能为320px宽,因此为320px! 宽度表示元素应为320px宽。这不会违反最大宽度规则,所以是320px!

https://css-tricks.com/tale-width-max-width/

上找到更多信息