我有引导程序设计的网站。
我有两个设备 - 一个显示器和一个电视。
在我的电视上，我将显示设置/缩放和布局设置为 150%。
某些水平对齐的元素在 150% 模式下不适合。
当投影进入电视时，自动隐藏不适合的元素的最佳方法是什么？
谢谢。
您不需要"检测"缩放设置，只需根据视口大小应用媒体查询即可。
例如，如果您的显示器分辨率为 1920px 宽，在全屏浏览器的 100% 缩放下，它将报告window.innerWidth = 1920; 但是，开始在浏览器中缩放，该数字将减少 - 在110%=1745px、125%=1536px和150%=1280px时。
因此，在你的CSS中，你可以应用相应的媒体查询;使用上面的示例并假设水平屏幕分辨率为1920px，我会这样做：
@media screen and (max-width:1280px) {
.someClassToHideOnTV {display:none}
}
此媒体查询可确保仅在屏幕宽度为 1280 像素或更小时应用此 CSS，这与 1920 像素屏幕分辨率上的 150% 缩放相同。显然，如果从手机或平板电脑访问有问题的网站，这并不理想(尽管您可以使用最小宽度的媒体查询来解释这一点)，但如果您只对显示器和电视感兴趣，则根据屏幕分辨率和相应的像素宽度缩放时，您可以达到所需的结果。