html - 如果容器枯萎，则将图像居中对齐

Question

我添加的图片比我看的视口(viewport)宽，某处有 1000 像素宽，我希望它以某种方式在中间对齐..

眼睛下方的较小图片需要保持原样..

我玩过 transform: translate(-50%,-50%); 并对齐属性和 margin: -50% 但我想我需要为此使用媒体查询..

这是我的博客:

http://blog.mk-dizajn.com/

感谢任何帮助..

Answer 1

只需将此规则添加到您的图像，它就会缩放到您的视口(viewport)

CSS

img {
    max-width:100%;
    height:auto;
}

但是你应该确定你的图片标签上没有宽度和高度属性