基础6 div在大视口中打破

Question

在大型视口中，您可以看到标题在左侧添加了更多空间 http://i.imgur.com/zj4sxeS.png

我希望它看起来像普通视口中的这个图像。我想尝试避免使用媒体查询。 http://i.imgur.com/wshaKiW.png

Answer 1

https://jsfiddle.net/rz0pz41h/3/

.banner-text {
    left: 0;
    position: absolute;
    top: 30%;
    padding-left: 4em;
    padding-right:0;
    padding-top:1em;
    background-color: rgba(53, 53, 53, 0.5);
  width:55%;
}
.banner-text-inner{ position:relative; float: right; width:100%; max-width: 630px; }

经过一些CSS调整后，现在看起来工作正常......：）