“Kode CSS responsif untuk semua ukuran layar” Kode Jawaban

kueri media

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}
Collared Lizard

Kode CSS responsif untuk semua ukuran layar

/* 
  ##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 */
  
}
Ivan The Terrible

Jawaban yang mirip dengan “Kode CSS responsif untuk semua ukuran layar”

Pertanyaan yang mirip dengan “Kode CSS responsif untuk semua ukuran layar”

Lebih banyak jawaban terkait untuk “Kode CSS responsif untuk semua ukuran layar” di CSS

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya