整版div调整为移动设备时重叠整页同级

时间:2019-06-17 18:41:40

标签: html css reactjs web

该网站由3个堆叠的整页div组成。当我将网站大小调整为移动尺寸时,其中一个div会稍微移动到上一个div的上方。如果将其缩小,则它会与上一个div完全重叠。但是,在桌面屏幕尺寸下没有问题。整页的div以以下样式包装:

* {
margin: 0;
padding: 0;
}

html,
body {
  margin: 0;
}

body {
  font-family: "Roboto Mono", monospace;
}

.wrapper {
  height: 100vh;
  width: 100vw;
}

我在这里想念什么?预先感谢!

1 个答案:

答案 0 :(得分:-1)

解决了.wrapper类中的display:表。