Mes objectifs sont les suivants:Responsive grille plein écran
J'ai aimé la grille de la Fondation. Mais je n'ai trouvé aucune façon «légitime» de le faire.
Est-ce possible ou quel cadre de grille conseilleriez-vous pour cela?
Sons comme tout ce que vous avez vraiment besoin est:
<body>
<div id="navbar">...</div>
<div id="content">...</div>
</body>
CSS:
#navbar {
position: fixed;
left: 0; top: 0; bottom: 0;
width: 150px;
overflow: auto;
}
#content {margin-left: 150px;}
@media all and (max-width: 480px) {
#navbar {
bottom: auto; right: 0;
height: 150px;
overflow: auto;
}
#content {margin-left: 0; margin-top: 150px;}
}
Alternativement, ont deux barres de navigation (un pour les appareils normaux, un pour mobile) et tout afficher/les masquer à l'aide la requête média.
Il y a plus que ça . –
http://www.initializr.com/ –
J'ai énuméré plusieurs des ressources/grilles là-bas ici: http://stackoverflow.com/a/12615201/451969 Smashing Magazine a également beaucoup d'informations, et [ Le site Grid System d'Antonion Carusone] (http://www.thegridsystem.org/) inclut des liens et des archives assez étendus. Khoi Vinh et Shaun Inman sont deux autres à étudier, si vous êtes intéressé par la théorie et l'art. –
Ceci peut également être utile: [Responsive Design Bookmarklet Generator] (https://github.com/jonikorpi/responsive-design-bookmarklet-generator) –