Faire des sites Web s'adaptent à une variété de tailles d'écran est, comme les spectacles Dominic, un livre entier, pas une solution miracle.
Il semble que vous cherchiez simplement à avoir plusieurs sections empilées, chaque section étant la hauteur de l'écran. Est-ce correct?
Ce seul, est pas trop difficile:
Définissez la largeur et la hauteur sur les éléments du corps et html à max sur la page. Je sais, c'est bizarre que vous ayez à définir l'élément html aussi, mais c'est la vie.
html, body {
width:100%;
height:100%;
}
Dans votre balisage, définissez vos sections.
<section>...</section>
<section>...</section>
<section>...</section>
Et redimensionnez vos sections pour les adapter au chargement et lorsque la page est redimensionnée. Quelque chose comme:
function draw() {
var width = $(document).width();
var height = $(document).height();
$("section").width(width).height(height);
}
$(document).resize(draw);
$(draw);
Si vous aussi ce que le défilement pour enclencher les sections, définir ce qui est fixe et qui défile avec la page, des animations d'entrée et de sortie, etc ... qui devient plus impliqué. Je ne sais pas s'il existe un plugin simple qui le fera pour vous. Le plus proche pourrait être impress.js (http://bartaz.github.com/impress.js/).
Pourquoi le pouce vers le bas :(Je suis ici pour apprendre .. Si je vois quelque chose de cool sur le web, je demande des directions pour apprendre/réaliser ces fonctions – idbranding
Au risque de retentir pat, CSS a pour cent en tant que type d'unité qui peut être utilisé pour arranger les choses en termes de pourcentage de l'élément contenant – ben
toutes les directions pour moi pour en savoir plus à ce sujet? – idbranding