This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
2016_2017:s1:webdoc:td6 [2016/12/05 13:47] logre [Méthode 1 : une feuille de style par résolution] |
2016_2017:s1:webdoc:td6 [2016/12/05 13:57] logre [Syntaxe] |
||
---|---|---|---|
Line 75: | Line 75: | ||
</code> | </code> | ||
===== Méthode 2 : ajouter une garde à une règle CSS ===== | ===== Méthode 2 : ajouter une garde à une règle CSS ===== | ||
+ | |||
+ | L'autre solution est de préciser directement dans votre feuille de style quelles règles sont spécifique à l'adaptation. | ||
L'exemple suivant cible les écrans de largeur inférieure à 640 pixels grâce à la règle max-width associée à la valeur 640px. | L'exemple suivant cible les écrans de largeur inférieure à 640 pixels grâce à la règle max-width associée à la valeur 640px. | ||
Line 87: | Line 89: | ||
</code> | </code> | ||
+ | ===== Un pas de recul ===== | ||
+ | |||
+ | <box round rgb(185,211,238) 95%|**A Faire** : > | ||
+ | * Comparez les avantages et les inconvénients des deux méthodes. | ||
+ | * Y a-t-il des cas où l'une est impossible à appliquer ? | ||
+ | * Sont-elles incompatibles ? | ||
+ | </box> | ||
===== Syntaxe ===== | ===== Syntaxe ===== | ||
Line 93: | Line 102: | ||
Les différents types d'écrans définis sont : | Les différents types d'écrans définis sont : | ||
- | * //screen// Écrans | + | * //screen//: Écrans |
- | * //handheld// Périphériques mobiles ou de petite taille | + | * //handheld//: Périphériques mobiles ou de petite taille |
- | * //print// Impression | + | * //print//: Impression |
- | * //aural// (CSS 2.0) / //speech// (CSS 2.1) Synthèses vocales | + | * //aural//: (CSS 2.0) / //speech// (CSS 2.1) Synthèses vocales |
- | * //braille// Plages braille | + | * //braille//: Plages braille |
- | * //embossed// Imprimantes braille | + | * //embossed//: Imprimantes braille |
- | * //projection// Projecteurs (ou présentations avec slides) | + | * //projection//: Projecteurs (ou présentations avec slides) |
- | * //tty// Terminal/police à pas fixe | + | * //tty//: Terminal et/ou police à pas fixe |
- | * //tv// Téléviseur | + | * //tv//: Téléviseur |
- | * //all// Tous les précédents | + | * //all//: Tous les précédents |