html - 如何使图像保持相同大小

Question

我将图像放在固定背景图像的中央，并且我希望在以任何方式(从左到右和顶部)渲染页面变小或变大时图像保持完全相同的大小(不会变小或变大)到底部)。 我尝试了 min-width 和 max-width，这使得图像在从左或右渲染页面时保持相同大小，但在从上或下渲染页面时图像确实变小或变大。

欢迎任何帮助

    body {
    background-image: url(http://www.icotoken.tel/images/slider_slide_5.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    }
    
    .still{
    padding-top: 30px;
    }

<img
   src= "http://www.comptonacres.co.uk/wp-content/uploads/2015/03/compton-acres-poole-dorset-the-japanese-garden-02-1024x576.jpg" class= "still"
   style="width:90%"
>

    

Answer 1

如果你可以删除内联样式并访问 css 给它一个固定的宽度:

.still {
    display: block;
    width: 300px;
    margin: 0 auto;
}

否则在 html 中将 style="width: 90%" 更改为 style="display: block; width: 300px; margin: 0 auto;"