需要图像保留移动中的特定高度

Question

我已经选择了在Wordpress主题（Jupiter）中使用Visual Composer的网站上的开发。在大多数页面上都有一个宽度为1600px的图像。客户端不喜欢随着浏览器窗口/移动回收站变小，照片缩小多少。

http://spiderman.ephronsystems.com/full-width-tester/

我在mediaquery加入这个CSS：

div.vc_single_image-wrapper.vc_box_border_grey {overflow:hidden;} 
img.vc_single_image-img.attachment-full {height: 200px;width:auto;max-width:none;margin:0 auto;} 

这似乎是工作得很好，但我宁愿在拍摄时在浏览器窗口中居中。有人知道怎么修这个东西吗？我也可以用直接的html替换VC编码。

Answer 1

在img在以下

@media (max-width: 736px) { 
    .wpb_single_image img { 
    height: 200px; 
    width:auto; 
    max-width:none; 
    margin:0 auto; 
    margin-left: 50%; 
    transform:translateX(-50%); 
    } 
} 

查询