CSS - Css Media Queries

 
Vista:
Imágen de perfil de Kevin
Val: 22
Ha disminuido 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

Css Media Queries

Publicado por Kevin (14 intervenciones) el 21/01/2019 18:35:29
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
 
@media (min-width: 1281px) {
 
  //CSS
 
}
 
/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
 
@media (min-width: 1025px) and (max-width: 1280px) {
 
  //CSS
 
}
 
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
 
@media (min-width: 768px) and (max-width: 1024px) {
 
  //CSS
 
}
 
/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
 
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
 
  //CSS
 
}
 
/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
 
@media (min-width: 481px) and (max-width: 767px) {
 
  //CSS
 
}
 
/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
 
@media (min-width: 320px) and (max-width: 480px) {
 
  //CSS
 
}


Sacado de: https://gist.github.com/gokulkrishh/242e68d1ee94ad05f488
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
3
Responder