html - 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 后面有一个很好的背景图像。