php - 限制桌面上网页的大小调整和缩放

<分区>

我有一个 HTML/PHP/JavaScript 文档，但我在调整大小和缩放部分时遇到了问题。我希望一切都像 Stack Overlow 的网站一样。因此，每当我调整浏览器大小时，所有内容都保持在同一个位置，不会四处移动并更改其格式。

我可以在我的代码中添加什么来实现这一点？

最佳答案

很简单，在您网站的容器元素上设置宽度。您是对单个元素还是对多个元素执行此操作取决于您网站的设计和要求。

例子:

header,
footer {
  min-height: 150px;
}
main {
  min-height: 400px;
  background-color: #eee;
}
.container {
  margin: 0 auto;
  width: 1060px;
}

<div class="container">
  <header>
    Header
  </header>
  <main>
    Content
  </main>
  <footer>
    Footer
  </footer>
</div>

header,
main,
footer {
  margin: 0 auto;
  width: 1060px;
  min-height: 150px;
}
main {
  min-height: 400px;
  background-color: #eee;
}

<header>
  Header
</header>
<main>
  Content
</main>
<footer>
  Footer
</footer>

关于php - 限制桌面上网页的大小调整和缩放，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41571721/

相关文章：

javascript - 在 jquery 单击事件上打开和关闭边框半径