元视口和媒体屏幕操纵

时间:2016-06-14 23:35:40

标签: html css viewport meta-tags responsive

在我的网站上,有一个左侧菜单,宽度为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,因为我的响应式设计分开了,因为当我的侧边栏打开时它不会随着时间的推移而改变内容更苗条。

0 个答案:

没有答案