CSS 宽度为 1097px 左右的断点
CSS breakpoint for width around 1097px
我正在编写媒体查询以在缩放到 200% 时切换到移动视图。
它在 200% 时工作正常，但在 175% 时中断，因为在 175% 时我的 window.innerWidth 更改为 1097px（在我的笔记本电脑上）。
但是我正在编写的媒体查询的目标是 1048px，这是 table 横向宽度的标准尺寸。
当缩放比例为 175% 或 200%（接近 1097 像素）时，我应该将哪个特定的标准屏幕尺寸定位为适合任何笔记本电脑或计算机？
@media (max-width: 1048px) {
// CSS goes here...
}
我会说这取决于您的布局和内容，哪个断点最适合。没有 "THE default desktop screen width" 这样的东西，因为那里有数百种不同的屏幕尺寸，而且人们可能会使用经过裁剪的浏览器 window。
因此，我会说检查您的布局从哪里开始看起来太窄，并将其用作 mobile/tablet/desktop 视图的断点。
我正在编写媒体查询以在缩放到 200% 时切换到移动视图。
它在 200% 时工作正常，但在 175% 时中断，因为在 175% 时我的 window.innerWidth 更改为 1097px（在我的笔记本电脑上）。
但是我正在编写的媒体查询的目标是 1048px，这是 table 横向宽度的标准尺寸。
当缩放比例为 175% 或 200%（接近 1097 像素）时，我应该将哪个特定的标准屏幕尺寸定位为适合任何笔记本电脑或计算机？
@media (max-width: 1048px) {
// CSS goes here...
}
我会说这取决于您的布局和内容，哪个断点最适合。没有 "THE default desktop screen width" 这样的东西，因为那里有数百种不同的屏幕尺寸，而且人们可能会使用经过裁剪的浏览器 window。 因此，我会说检查您的布局从哪里开始看起来太窄，并将其用作 mobile/tablet/desktop 视图的断点。