2016-03-04 66 views
0

在大视口中可以看到头的左侧增加了更多的空间 http://i.imgur.com/zj4sxeS.png基金6格破

我希望它看起来像这样图片这是正常viewport.I想尝试避免使用媒体查询。 http://i.imgur.com/wshaKiW.png

+0

精彩。你现在希望我们从头开始写下整个事情?或者是否有*您尝试过的任何*您可以在哪里找到您遇到问题的地方? – planetmaker

+0

这里是我的代码头。 https://jsfiddle.net/x3086hyy/我有行问题。 –

+0

这是我与修正的新代码.. https://jsfiddle.net/rz0pz41h/ 当我打开分辨率大屏幕例如1920px的旗帜左侧的文本超出行..和它的节目错过对齐。 –

回答

0

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调整之后,似乎现在工作的罚款.... :)