在相等的css-float div之间仅移动空格

Question

我有下面的https://codepen.io/neilnm/pen/MqYONR：

.container2{
    float: left;
    width: 50%;
    background-color: rgba(40,149,68,0.9);
    color: white;
    font-size: 55px;
}

在浏览器中它看起来很好，但在移动设备(尤其是iPhone6S +)上，我得到了两个浮动div之间的空白区域：

​

​

Answer 1

要根据屏幕分辨率消除元素之间的空格，您需要使用媒体查询。常见的屏幕分辨率可以在here中找到，有关媒体查询和如何使用它们的其他信息可以找到。