如何使图像保持相同大小答案

【问题标题】：How to make an image remain in its same size如何使图像保持相同大小
【发布时间】：2018-03-30 00:36:15
【问题描述】：

我将图像放在固定背景图像的中心，并且我希望图像在以任何方式（从左到右和从左到右）渲染页面变小或变大时保持完全相同的大小（不会变小或变大）到底部）。我尝试了 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%"
>

【问题讨论】：

也许你也可以添加 min-height ？
不要使用百分比设置宽度
移除封面..并保持默认大小
它没有改变任何东西，并且封面是背景图像
您是否尝试删除图像上的宽度，目前设置为 90% style="width:90%"

标签： html css image

【解决方案1】：

如果您可以删除内联样式并访问 css，请给它一个固定宽度：

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

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

【讨论】：

它不起作用。它使图像不再居中。
它将被图像标签上的内联 css 覆盖
然后将内联样式设置为您的固定宽度... text-align: center or margin: 0 auto
将其添加到您的答案中，因为您当前的答案不起作用

【解决方案2】：

您可以使用<img width="300"> 它是默认img 之一标记属性，如果你想固定大小，不要使用百分比

【讨论】：

你的意思是 ?
@Louisff9 不，当您在原始代码中设置内联样式时需要单位