宽度约为1097px的CSS断点
我正在编写一个媒体查询,以便在缩放到200%时切换到移动视图。 它在200%的情况下工作正常,但在175%的情况下会中断,就像在175%的my宽度约为1097px的CSS断点,css,media-queries,zooming,screen-size,Css,Media Queries,Zooming,Screen Size,我正在编写一个媒体查询,以便在缩放到200%时切换到移动视图。 它在200%的情况下工作正常,但在175%的情况下会中断,就像在175%的my窗口上一样。innerWidth更改为1097px(在我的笔记本电脑上) 但我编写的媒体查询的目标是1048px,这是表横向宽度的标准大小 当变焦率为175%或接近1097px的200%时,我应该针对哪个特定的标准屏幕尺寸,使其适合任何笔记本电脑或计算机 @media (max-width: 1048px) { // CSS goes here... }
窗口上一样。innerWidth
更改为1097px(在我的笔记本电脑上)
但我编写的媒体查询的目标是1048px,这是表横向宽度的标准大小
当变焦率为175%或接近1097px的200%时,我应该针对哪个特定的标准屏幕尺寸,使其适合任何笔记本电脑或计算机
@media (max-width: 1048px) {
// CSS goes here...
}
我认为这取决于你们的布局和内容,哪一个断点最适合你们。没有“默认桌面屏幕宽度”这样的东西,因为有数百种不同的屏幕尺寸,加上人们可能会使用裁剪过的浏览器窗口。 因此,我要说的是,检查您的布局从哪里开始看起来太窄,并将其用作移动/平板电脑/桌面视图的断点