放大 HTML 的问题（浏览器窗口）

Question

我创建了一个小型 HTML 站点，但浏览器中的缩放完全破坏了它。在全屏和 100% 缩放上看起来不错，但在缩放或调整浏览器窗口大小时，所有元素只是调整大小并在屏幕上随机移动。我想要的是一个缩放，它不会移动任何东西，而是调整整个页面的大小（比如缩放图像）（如何）这可能吗？ :-)

Answer 1

您必须使用固定值。
您似乎正在使用百分比值来设置网站样式。
还有一个简单的技巧，您可以创建一个容器 div 并将其添加为固定宽度，然后您可以在子元素中设置百分比。

.container { width:900px; margin:0 auto; }
.container .logo { width: 25%; /* 25 percent of 900px */ }
.container .navigation { width:75%; /* 75 percent of 900px */ }

您可能还需要重置边距和内边距值。