移動友好的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 - 如何隱藏側邊欄？

回答

相關問題