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

-1

我有一个应用程序（http://infranodus.com），它的左侧有一个菜单，中间有主登录表单。其余空间用于在用户登录网站时向用户显示的图形。移动友好的CSS - 如何隐藏侧边栏？

有谁知道我怎样才能让这个当你的iOS

1）打开同一个页面左边的菜单会自动隐藏（如果你让浏览器窗口更窄的自动现在发生）

2）登录表单需要屏幕大小

谢谢！

UPDATE

以下是截图：

enter image description here

来源

2014-03-13 Dmitry Paranyushkin

谷歌“媒体查询” – Mathletics

如果当窗口变窄你左边的菜单已经隐藏了，那么就没有什么更多你需要做的，因为iOS的具有窄的窗口。你也不应该瞄准设备，而是页面的宽度 – Huangism

当你在iOs上加载这个页面时发生了什么？你能分享一个截图吗？ – SajithNair

将此信息添加到头标签。

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

For more info check developer.mozilla.org

来源

2014-03-13 14:29:14 SajithNair

就是这样，非常感谢你@SaithNair –

您可以在iOS中隐藏侧边栏与media queries

例

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

来源

2014-03-13 14:15:11

使用CSS媒体查询是这样的：

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

来源

2014-03-13 14:23:30

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

回答

相关问题