Foundation 6 div 在大视口中中断答案

【问题标题】：Foundation 6 div breaking in large viewportFoundation 6 div 在大视口中中断
【发布时间】：2016-03-04 12:42:16
【问题描述】：

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

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

【问题讨论】：

太棒了。你现在希望我们从头开始写整个事情吗？或者有没有你自己尝试过的任何东西，你可以在哪里找出你遇到问题的地方？
这是我的标题代码。 jsfiddle.net/x3086hyy 我的行有问题。
这是我的新代码，并进行了更正。jsfiddle.net/rz0pz41h 当我在大屏幕中将分辨率设置为 1920 像素时，横幅左侧的文本超出了行列。它的显示未对齐。

标签： html zurb-foundation-6

【解决方案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 调整后，现在看起来工作正常...... :)

【讨论】：