This shows you the differences between two versions of the page.
Both sides previous revision Previous revision | Next revision Both sides next revision | ||
2016_2017:s1:webdoc:td6 [2016/12/05 16:54] logre [Les navigateurs mobiles] |
2016_2017:s1:webdoc:td6 [2016/12/05 17:01] logre [Les navigateurs mobiles] |
||
---|---|---|---|
Line 149: | Line 149: | ||
* Théoriquement, quelle autre media query devrait nous éviter ce problème ? Pourquoi ne fonctionne-t-elle pas ? | * Théoriquement, quelle autre media query devrait nous éviter ce problème ? Pourquoi ne fonctionne-t-elle pas ? | ||
</box> | </box> | ||
+ | |||
+ | |||
+ | ===== Et en pratique ? ===== | ||
+ | |||
+ | Une bonne idée est de limiter les menus latéraux sur les petits écrans verticaux voir d'éliminer les menus qui défilent avec le scroll. | ||
+ | Cela nécessite de restructurer sa page. | ||
+ | |||
+ | <box round rgb(185,211,238) 95%|**A Faire** : > | ||
+ | * Concevez ou reprenez une page web disposant d'un menu visible à tout instant et d'une colonne à gauche et à droite présentant respectivement le menu de la page et les partenaires du site. | ||
+ | * Ecrivez le CSS nécessaire à l'adaptation de cette pas à une navigation sur mobile. Testez. | ||
+ | * Quels changements proposez-vous pour une adaptation vers un écran géant 40" ? Implémentez-les dans votre CSS. | ||
+ | </box> | ||
+ | |||