Javascript 在调整浏览器大小时,如何防止CSS div错位或崩溃?

Javascript 在调整浏览器大小时,如何防止CSS div错位或崩溃?,javascript,css,Javascript,Css,当您最小化浏览器或最大化浏览器时,如何防止整个网站的大小调整,webiste大小将与您的大小成正比。如何防止这种情况发生?没有重新组织一切?我需要的网站长度仍然是即使你调整大小或最大化 请帮忙。多谢各位 以下是我迄今为止所做的工作: 标记: 你也可以在这把小提琴上试一试: 您可以使用CSS中的媒体查询轻松实现这一点。您可以通过MDN了解它们: 或者,研究响应性web开发技术。同样,Mozilla也有一些关于这个主题的有用文章和阅读材料: 只需在周围的div或主体上设置一个宽度即可。就像这样 bo

当您最小化浏览器或最大化浏览器时,如何防止整个网站的大小调整,webiste大小将与您的大小成正比。如何防止这种情况发生?没有重新组织一切?我需要的网站长度仍然是即使你调整大小或最大化

请帮忙。多谢各位

以下是我迄今为止所做的工作: 标记:

你也可以在这把小提琴上试一试:


您可以使用CSS中的媒体查询轻松实现这一点。您可以通过MDN了解它们:

或者,研究响应性web开发技术。同样,Mozilla也有一些关于这个主题的有用文章和阅读材料:

只需在周围的div或主体上设置一个宽度即可。就像这样

body {
    width: 960px;
}
您也可以通过定义
min width
来设置下限,就像这样

body {
    min-width: 960px;
}

首先,将
margin0bottom
替换为
marginbottom
body {
    width: 960px;
}
body {
    min-width: 960px;
}