Javascript 移动友好的CSS-如何隐藏侧边栏？

我有一个app（），左边有一个菜单，中间有一个主登录表单。空间的其余部分用于图形，当用户登录到站点时，图形将显示给用户

有人知道我怎么做吗，当你在iOS上打开同一个页面时

1） 左侧菜单将自动隐藏（如果使浏览器窗口更窄，则现在会自动隐藏）

2） 登录表单采用屏幕大小

谢谢大家!

更新

以下是一个屏幕截图：

---

您可以使用

范例

@media (min-width: 768px) and (max-width: 979px) {
.sidebar{
display:block;
}
}
@media (min-width: 320px) and (max-width: 280px) {
.sidebar{
display:none;
}
}

---

使用CSS媒体查询，如下所示：

@media (max-width: 600px){
    #menu {
        display: none;
    }
}

---

将此添加到head标记

<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />

---

google“media querys”如果窗口变窄时您的左菜单已经隐藏，那么您就不需要再做什么了，因为iOS的窗口很窄。您也不应以设备为目标，而应以页面宽度为目标在iOs上加载此页面时发生了什么？你能分享一个屏幕截图吗？@SajithNair是的-在这里-我想要的是，当我们在iOS中打开它时，我们看不到左边的菜单，登录表单占据了整个窗口…@Quentin如果这是一个有效的问题，并且上面提供的信息清楚地解决了，你为什么将它标记为offtopic？就是这样，非常感谢@SaithNair