javascript - 调整大小时的页面可见性

Question

我正在创建一个网页，当我调整窗口大小时，它开始变得困惑。文本更改其位置等。调整窗口大小后如何保持美观？也许有一些视频类(class)？提前致谢!!

Answer 1

有很多视频类(class)可供选择。您可以通过“响应式布局”关键字进行搜索。但你可以轻松摆脱。您所需要的只是标准的媒体查询。将此媒体查询放在 .css 文件的末尾，并根据您的屏幕尺寸开始设置样式。 (例如，移动尺寸使用(最大宽度:767px)等。)

@media only screen and (max-width : 1200px) {
}
@media only screen and (max-width : 979px) {
}
@media only screen and (max-width : 767px) {
}
@media only screen and (max-width : 480px) {
}
@media only screen and (max-width : 320px) {
}