html - 放大和缩小时如何修复页面及其元素的大小

我正在开发一个 Web 应用程序，并且在缩放时遇到了很多问题

这是页面架构的蓝图：

最近客户要求我们将应用程序调整为不同的分辨率，原来是：（1280*1024），现在我们添加了一些媒体查询，使其适合（1600*900）和（1920*1080），目前应用程序在这些分辨率下运行良好，但我们面临一个问题，当用户放大或缩小时触发，页面变得混乱。

我在网上看了，我发现我需要将标题和内容包装在一个 div 中，并分配 margin : 0 auto; 使用最大宽度和最大高度...，我做到了，但我仍然遇到同样的问题。

显然，当我在 Internet Explorer 中使用模拟器时，问题就消失了，并且我精确地调整了我们下面的分辨率，缩放时应用程序工作正常，但是当模拟器处于默认模式时，问题就出现了。

该应用程序非常旧，只能在 IE11 兼容模式下运行。

所以我的问题是，如何在不修改模拟器的情况下修复不同分辨率的页面大小？

标签： htmlcssinternet-explorerscrollzooming

当您使用模拟器时，应用程序可以正常工作，因为您为其定义了分辨率，并且在这种情况下缩放时分辨率不会改变。

但是缩放本身是一种行为，它会使浏览器表现为不同的设备，并且肯定会改变分辨率，因此外观会有所不同。

我认为您只需要使用常用的分辨率进行媒体查询。有关更多信息，您可以参考此线程。