调整窗口大小时如何固定侧栏？

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) {


}