需要圖像保留移動中的特定高度

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%); 
    } 
} 

查詢