Html 元视口和媒体屏幕操作

在我的网站上，有一个左侧菜单，宽260像素。通常它是关闭的，但当我打开它时，它会向上推页面内容

我使用这个meta：

<meta name="viewport" content="width=device-width, initial-scale=1">

我希望当菜单打开时，响应的媒体查询运行起来，显示视口是设备视口-我的左菜单宽度

所以我想要这样的东西：

<meta name="viewport" content="width=device-width-260px, initial-scale=1">

有可能吗

更新：

与此同时，我意识到我用思考元标签思考了一些愚蠢的事情。我希望我的css中的媒体查询能够快速地完成我设置的内容

例如，如果我的css文件有：

@媒体屏幕和（最大宽度：720）{}

---

在这种情况下，请在窗口为460px宽时运行css，或者将其视为写入

@媒体屏幕和（最大宽度：720）{}

，因为我的响应性设计会出现问题，因为当我打开侧边栏时，它不会随时间而改变，并且内容更细。

请参阅。那里的问题由来已久，但答案是最新的。不过，您可能应该将

s与

位置：绝对值一起使用，而不是更改
视口
@grochmal我不明白，如何帮助div使用样式位置绝对值。与此同时，我意识到我用思考元标签思考了一些愚蠢的事情。我希望我的css中的媒体查询能够快速地完成我设置的内容。例如，我设置了
@媒体屏幕和（最大宽度：460）{}
，而不是
@媒体屏幕和（最大宽度：720）{}