我想要一个固定高度和宽度的图像

Question

这是我的网站：http://highcatering.wpengine.com/ 在网站的底部，有一个新娘坐在沙发上的图像。

我希望该图像保持其高度和宽度。这是一个例子：http://lydialavin.com/category/colecciones/

如果你看到，当屏幕分辨率降低时，所有图像都不会改变大小。

有什么建议吗？

Answer 1

此css将修复你bgackground的宽度和高度

   <style>
   .your-img{
    background:url(img/bg.jpg) no-repeat center center fixed;
   }
  </style>

Answer 2

如果我理解你的问题，你不希望图像小于特定值。在这种情况下，您应该在元素上设置最小宽度像素值。比如900px：

#novia img {
display: block;
float: none;
margin: 0;
padding: 0;
width: 100%;
min-width:900px;
background-position: center center;
}

并从容器中删除overflow-x：

#novia {overflow-x: hidden;}

这样，当您在较小的屏幕上看到背景时，背景不会像现在这样小。但请注意，元素不会像现在那样完美居中，并且图像的某些部分将不会显示。

或者，你可以给图像一个固定的值，但它不会那么有效，因为它可能对于较小的屏幕来说太大了。