Html 桌面和平板电脑或智能手机中的不同布局行为

我正在建立的网站有问题：

该设计在任何设备上都能完美运行，尤其是在平板电脑和智能手机上。它也可以在Chrome开发者工具-设备模拟器中完美运行

然而，当我把桌面上的屏幕缩小到与平板电脑或智能手机相似的大小时，设计看起来就破坏了。该文本与z索引无关，在活动菜单上可见

---

有什么问题吗？有人有同样的问题吗？

对多布局使用引导类

---

如果您使用移动使用class=“col-sm-12”等的类。

如果在桌面屏幕上调整页面大小后重新加载页面，设计是否仍然损坏？

它与z索引有什么关系？它与图像中显示的问题有什么关系？如果我重新加载页面，菜单将关闭，我必须按“汉堡包”打开它。以相同的位置结束。展开的菜单不考虑z索引，无法单击菜单项。从第一张图片看，似乎没有涉及z索引。看起来菜单正在向下推内容，而没有在其前面覆盖更高的z索引。问题可能是打开菜单的高度。但我不理解的是为什么会有不同的行为。要么向下推内容，要么覆盖内容。是相同的代码！