放大和缩小时如何固定页面及其元素的大小

Question

我正在使用Web应用程序，并且在缩放时遇到很多问题

这里是页面架构的蓝图：

后来客户要求我们将应用程序调整为具有不同的分辨率，原始的是：（1280 * 1024），现在我们添加了一些媒体查询，因此它适合（1600 * 900）和（1920 * 1080） ，目前应用程序在这些分辨率下都可以正常工作，但是我们面临的一个问题是，当用户放大或缩小页面时，会导致页面混乱。

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

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

该应用程序非常旧，仅在IE11兼容模式下可以工作。

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

我正在开发Web应用程序，并且在缩放时遇到很多问题。这是页面体系结构的蓝图：最近，客户要求我们使应用程序可调... ...

Answer 1

当您使用仿真器时，该应用程序运行良好，因为您为其定义了分辨率，并且在这种情况下缩放时分辨率不会改变。

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