html - 移动只有相等的 css-float div 之间的空白

标签 html css mobile css-float

我有以下 HTML/CSS: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 Plus)我在两个 float div 之间得到了这个空白区域:

enter image description here

最佳答案

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

关于html - 移动只有相等的 css-float div 之间的空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51958118/

相关文章:

javascript - 如何从浏览器历史记录中完全隐藏网站?

html - 制作具有双列的表格

html - 如何在三 Angular 形div中插入图像?

python - 提取 <div> 标签之外的文本 BeautifulSoup

html - CSS 过渡不起作用,但属性更改起作用

css - 只有 Twitter 的 Bootstrap 2.x 网格系统没有其余部分?

jquery - 调整大小破坏了我的 div 的位置

html - 右和左图像边框在移动设备上被切断 - 强制移动设备显示图像 + 边框?

javascript - 关于如何使用 Phonegap 在 Android 应用程序中捕获屏幕的建议?

android - 响应式网站在移动设备上缩放至 200%