放大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 */ }

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