CSS3 media queries
Media Queries, ou comment adapter automatiquement son css en fonction de la taille des écrans (bureau, mobile, tablette, ...)
Il y a deux façons différentes de mettre en œuvre les CSS media queries. La première est de fournir une feuille de style additionnelle qui sera utilisée sous conditions : Quand la largeur de l’affichage est inférieure à 700 pixels, la feuille de style
Pour Internet Explorer ajouter :
Exemples de taille : Pour Ipad : Pour Smartphones : Pour Smartphones paysage : Petit écran de 640px and moins Pour Smartphones portrait : Exemples à tester avec vos smartphones :mobile.css est alors utilisée. La seconde façon est de déclarer une section à l’intérieur d’une feuille de style existante :
Télécharger css3-mediaqueries.js http://www.jeremyselier.com/entry/c...
http://www.ie7nomore.com/fun/media-...
Voir en ligne : http://www.w3.org/TR/css3-mediaqueries/
- Protéger ses scripts
- Défilement de Rubriques - Slide
- Galerie Flash XML
- Rotator flash
- Sliding Panel
- Galerie Photos
- Modèles page 404
- Template pour lettre d’infos
- Scripts Css+
- Formulaires
- Bibliothèque d’images
- Template pour Ipad
- kits graphiques HTML5
- Kit Iweb - IPHONE
- Exemples de scripts Ajax
- Créer des cartes GoogleMap
- Réaliser une carte Interactive GoogleMap
- Créer un flux RSS manuel ou automatique
- Affichage du contenu d’un flux RSS
- Créer un Sitemap Google pour votre site
- Définir les propriétés d’un site mobile
Liste des navigateurs qui supportent le media queries : http://caniuse.com/#search=css-media