html - 使无响应图像水平居中

body{
    max-width:1366px;
    margin:0 auto;
    overflow-x:hidden;
}

.imgtop{
    display:block;
    width:1366px;
    margin:0 auto 5px auto;
}

我需要imgtop始终是1366px（无响应），并在屏幕上水平居中。
如果屏幕宽度小于1366px-imgtop则应在两侧等距切割（即隐藏），以保持中心位置。
目前-在较小的屏幕上，imgtop仅在右侧被剪切。
有什么帮助吗？

最佳答案

你只需要一点这样的css就可以做到…而且你已经准备好了…

background-size:1366px auto;
background-position:top center;