HTML / CSS不会使页面保持不同的大小

Question

基本上我有一个在我的显示器上看起来不错的网站，但如果我放大或缩小它就不再好了。

我尝试了各种方法来解决这个问题，但似乎无法找到一个好的解决方案。 谁能帮我？我可以提供所有文件供您在本地试用，或者如果您愿意，可以通过teamviewer连接到我的电脑。

如果你想知道我在谈论什么，这就是现在的样子： http://marcus-engineer.tk/

Answer 1

使用媒体查询将不同的样式表链接到不同窗口大小的页面，或者您可以在样式表中使用它们来为具有不同窗口大小的元素指定样式。

链接样式表：

<link rel="stylesheet" media="(max-width: 720px)" href="example.css" />

或在样式表中：

@media (max-width: 650px){
  #myElement{
    display: none;
  }
}

Answer 2

最适合您的解决方案是将所有内容放在div中并给它一些固定宽度（并将其置于中心位置）。这样，内容在所有分辨率上都会显示相同的内容。

许多网站都是这样做的，他们在div后面有一个很好的背景图片。