@media(max-width: 992px){
.sidebar-nav{
display: none;
}
}
我的笔记本电脑屏幕宽度是1200px，我想把我的屏幕宽度设置为950px，这样css @media(max-width: 992px)就可以应用在它上面了。任何想法?
我懒得使用css @media为1200px屏幕，因为太多的东西要编辑像顶部菜单，表单输入btn宽度，页脚菜单....我想最简单的方法就是把所有台式机和笔记本电脑的屏幕设置为900px。
打开你的开发工具，在左上角有一个移动设备类型的图标，点击它，你就可以这样做了。
尝试使用浏览器的inspect元素选项。你可以在这里更改屏幕大小，并查看不同屏幕大小的css差异。
尝试使用
Ctrl + shift + c
(根据系统的不同而不同)
或者在屏幕上右键单击，然后选择
元素媒体查询仅在手动调整页面大小时有效。window。resizeto()函数已经在里面了但是这个函数在某些浏览器上不起作用所以如果你想调整窗口的大小你可以打开一个新窗口然后你可以调整它的大小
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="./test.css" />
</head>
<body>
<script>
const w = window.open("", "", "width=500,height=500");
w.resizeTo(900, 600);
</script>
</body>
</html>