在我的网站上,有一个左侧菜单,宽度为260像素。通常它是关闭的,但当我打开它时,它会推高页面内容。
我使用这个元:
<meta name="viewport" content="width=device-width, initial-scale=1">
我希望当菜单打开时,响应式媒体查询会启动视口是(设备视口 - 我的左侧菜单宽度)
所以我想要这样的东西:
<meta name="viewport" content="width=device-width-260px, initial-scale=1">
有可能以某种方式吗?
更新:
与此同时,我意识到我用思维元标记认为这是愚蠢的事情。我希望我的css中的媒体查询快速运行我设置的内容。
例如,如果我的css文件有:
@media screen and (max-width: 720){}
在这种情况下,当窗口宽度为460px时,或者好像写入@media screen and (max-width: 720){}
时运行css,因为我的响应式设计分开了,因为当我的侧边栏打开时它不会随着时间的推移而改变内容更苗条。