当屏幕尺寸允许时,我的菜单栏固定在页面左侧。
@media (min-width: 900px) {
#menu {
position: fixed;
}
}
但是,例如,在智能手机上查看时,使用捏缩放将使菜单缩放内容并与页面的其余部分发生碰撞。可以通过类似@media zoom-capable
类型的查询来避免这种情况吗?
澄清:我之后的目标是什么 - 菜单固定在计算机屏幕上,但正常/默认设置在允许手指缩放的屏幕上。使用cmd plus / minus来扩大台式计算机上的页面并不是一个问题。