Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
宽度约为1097px的CSS断点_Css_Media Queries_Zooming_Screen Size - Fatal编程技术网

宽度约为1097px的CSS断点

宽度约为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... }

我正在编写一个媒体查询,以便在缩放到200%时切换到移动视图。 它在200%的情况下工作正常,但在175%的情况下会中断,就像在175%的my
窗口上一样。innerWidth
更改为1097px(在我的笔记本电脑上)

但我编写的媒体查询的目标是1048px,这是表横向宽度的标准大小

当变焦率为175%或接近1097px的200%时,我应该针对哪个特定的标准屏幕尺寸,使其适合任何笔记本电脑或计算机

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

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