Question

我知道之前已经问过这个问题 - 我已经查看过以前的问题而无法让这个问题起作用。

我有一个包含文字和图片的网页，都以百分比表示。文本和图像都在自己的div中，有一个大的父div。当浏览器窗口处于完整大小时，页面看起来很好，但是当我最小化时，图像位置会移动，整体外观不专业。我如何让这些留下来？

父div看起来像这样（页面必须是可滚动的，否则我会使用position：fixed来解决问题）：

div.container {
  position: relative;
  width: 100%;
  height: 100%;
}

然后我有如下指定的单个图像：

   div.image1 {
       position:absolute; left:0%; 
       top:40%; border: none;   
       transform: scale(0.5,0.5);
    }

    div.image2 {
      position:absolute; left:25%; 
      top:40%; border: none;    
      transform: scale(0.5,0.5);
    }

HTML：

<div id="base" class="container"> 

...

<div class="image1">
<img src="images/one.jpg" alt="my image">
</div>

<div class="image2">
<img src="images/two.jpg" alt="my image">
</div>

...

</div>

调整窗口大小时，CSS div位置会发生变化

0 个答案: