css - 宽度约为 1097px 的 CSS 断点

Question

我正在编写一个媒体查询以在缩放到 200% 时切换到移动视图。它在 200% 上运行良好，但在 175% 时中断，因为我window.innerWidth对 1097px 的更改为 175%（在我的笔记本电脑上）。

但我正在编写的媒体查询的目标是 1048px，这是表格横向宽度的标准尺寸。

当缩放比例为 175% 或 200%（接近 1097 像素）时，我应该针对哪个特定的标准屏幕尺寸使其适合任何笔记本电脑或计算机？

@media (max-width: 1048px) {
 // CSS goes here...
}

标签： cssmedia-querieszoomingscreen-size

Answer 1

我会说这取决于您的布局和内容，哪个断点最适合。没有“默认桌面屏幕宽度”之类的东西，因为那里有数百种不同的屏幕尺寸，而且人们可能会使用裁剪的浏览器窗口。因此，我会说检查您的布局从哪里开始看起来太窄，并将其用作移动/平板电脑/桌面视图的断点。