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:50] logre [Syntaxe] |
2016_2017:s1:webdoc:td6 [2016/12/05 16:54] logre [Les navigateurs mobiles] |
||
---|---|---|---|
Line 151: | Line 151: | ||
+ | ===== Je dois savoir ===== | ||
+ | |||
+ | <box round rgb(255,150,103) 97%|Je dois savoir : > | ||
+ | * Les media queries permettent d'appliquer différents styles CSS en fonction de certaines conditions. | ||
+ | * Il existe de nombreux paramètres booléens à disposition : nombre de couleurs, résolution de l'écran, orientation... | ||
+ | * On utilise a directive @media d'une ou plusieurs conditions, le style CSS qui suit sera appliqué si elles sont remplies. | ||
+ | * Les navigateurs mobiles simulent une largeur d'écran : on appelle cela le viewport. | ||
+ | * On peut cibler les smartphones grâce à une règle basée sur le nombre réel de pixels affichés à l'écran : ''max-device-width''. | ||
+ | </box> | ||