如何在WordPress中让HTML缩放代码仅应用于≤1366x768屏幕？

你可以通过CSS媒体查询来限定这段缩放代码的生效范围，只有当屏幕宽度≤1366px且高度≤768px时才触发样式。修改后的代码如下：

@media screen and (max-width: 1366px) and (max-height: 768px) {
    html {
        zoom: 0.67;
        -moz-transform: scale(0.67);
        -moz-transform-origin: 0 0;
    }
}

说明： #

• 媒体查询的max-width: 1366px和max-height: 768px会同时检测屏幕宽高，只有两个条件都满足时，内部的缩放样式才会生效，不会影响更大尺寸的屏幕。
• 你可以把这段代码添加到WordPress后台「外观」→「自定义」→「额外CSS」中，或者在Elementor编辑器的「站点设置」→「自定义CSS」面板里粘贴。

内容的提问来源于stack exchange，提问作者Artur Toporivskyy