User Tools

Site Tools


2016_2017:s1:webdoc:td6

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

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
  
  
  
2016_2017/s1/webdoc/td6.txt · Last modified: 2016/12/09 09:18 by logre