html - 我无法获得相同大小的图像 [HTML/CSS]

Question

我有两张高度为 512 像素，宽度为 512 像素的图片。无论加号大于关机按钮。

HTML：

<div class="logout">
    <a href="someLink"> 
      <img name="logout" alt="logout" src="red_shutdown.png">
    </a>
  </div>

  <div class="plus-symbol">
    <img name="plus" alt="create-post" src="plus-symbol.png">
  </div>

CSS：

div.logout {
  position: fixed;
  bottom: 10%;
  right: 1.32%;
  border: 0;
}
div.plus-symbol {

  position: fixed;
  bottom: 10%;
  right: 1.32%;
  border: 0;
}

标签： htmlcssimage-scaling

Answer 1

您可以只制作 512*512 的父标签。然后只是使图像成为 width:100%; height:100%;

还要检查检查图像是否溢出，如果是，那么overflow:hidden