php - 调整窗口大小时如何修复侧边栏？

Question

enter image description here我正在做一个学校元素，一切都已完成，但问题是当我将窗口大小时调整为我设置的 800px 时，侧边栏(我希望它水平位于顶部)将占据大部分页面(垂直) .而桌面形式的侧边栏很棒，大小是我想要的。肯定是，因为我用的是w3-mobile，但我不知道其他方法，请帮我解决一下。

Answer 1

您可以使用媒体 CSS。这是媒体断点

@media only screen and (min-width: 320px) and (max-width: 479px){ ... }

@media only screen and (min-width: 480px) and (max-width: 767px){ ... }

@media only screen and (min-width: 768px) and (max-width: 991px){ ... }

@media only screen and (min-width: 992px){ ... }

或

/* SMARTPHONES PORTRAIT */
@media only screen and (min-width: 300px) {


}

/* SMARTPHONES LANDSCAPE */
@media only screen and (min-width: 480px) {


}

/* TABLETS PORTRAIT */
@media only screen and (min-width: 768px) {


}


/* TABLET LANDSCAPE / DESKTOP */
@media only screen and (min-width: 1024px) {


}