Question

我已经在WordPress主题（Jupiter）中使用Visual Composer在网站上进行了开发。在大多数页面上都有一个全宽行，图像的最大宽度为1600px。客户端不喜欢随着浏览器窗口/移动设备的重新设置变小，照片缩小的程度。

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

我在媒体查询中添加了这个CSS：

 private void boxChrome_CheckedChanged(object sender, EventArgs e)
    {
        if (boxChrome.Checked == true)
            butInstall.Enabled = true;
        else if
            (boxChrome.Checked == false & boxAdobeReader.Checked == false & boxESET.Checked == false & boxiTunes.Checked == false & boxQuicktime.Checked == false & boxTeamviewer.Checked == false & boxWinrar.Checked == false & boxVLC.Checked == false)
            butInstall.Enabled = false;
    }

    private void boxAdobereader_CheckedChanged(object sender, EventArgs e)
    {
        if (boxAdobeReader.Checked == true)
            butInstall.Enabled = true;
        else if
            (boxChrome.Checked == false & boxAdobeReader.Checked == false & boxESET.Checked == false & boxiTunes.Checked == false & boxQuicktime.Checked == false & boxTeamviewer.Checked == false & boxWinrar.Checked == false & boxVLC.Checked == false)
            butInstall.Enabled = false;
    }
    private void butInstall_Click(object sender, EventArgs e)
     {
     }

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

Answer 1

在以下<{p}}的margin-left: 50%;添加transform:translateX(-50%);和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%);
  }
}

查询

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

1 个答案: