盒子设计 - 调整高度时重叠

问题描述 投票:0回答:1

我是一个完全的初学者,没有 html 或 css 的先验知识。话虽这么说,我已经成功创建了一个令我满意的简单网站。直到我需要包含专门针对 375 x 667 的较小视口的尺寸。宽度很好,但高度给我带来了问题。正如您从视频中看到的,当高度降低时,我的框会重叠/消失。

这是我的网站:

https://autobasics.co.uk

我尝试将主页部分更改为 display:grid 而不是使用 flex,但效果是一样的。

(https://i.sstatic.net/AJDLUA18.gif)

css flexbox media-queries css-grid
1个回答
0
投票

从这个网站选择您选择的任何模板并下载它并根据您的需要进行调整,您的CSS非常混乱,所以我建议重新开始,它会比实现该CSS更快:https://bootstrapmade.com /bootstrap-one-page-templates/

© www.soinside.com 2019 - 2024. All rights reserved.