Merhaba arkadaşlar. Css'de duyarlı (responsive) tasarımda media kodu kullanıyoruz. Bununla ilgili bir soru soracaktım. Media teginde hangi piksel aralığı android için, hangi piksel aralığı bilgisayar için kullanılır? Mesela aşağıdaki kodlarda hangileri android, hangileri bilgisayar kapsamına girer acaba? Teşekkür ettim. 🖐️😊

@media only screen and (min-width:200px) and (max-width:500px) {

  body {
  background-color: #d3a0a0;
  height: 91vh;
  width: 95vw;
  
  }

}

@media only screen and (min-width:501px) and (max-width:800px) {

  body {
  background: #cdd3a0;
  height: 91vh;
  width: 95vw;
  
  }

}

@media only screen and (min-width:801px) and (max-width:1100px) {

  body { 
  background: #a0ced3;
  height: 91vh;
  width: 95vw;
  
  }

}

@media only screen and (min-width:1101px) and (max-width:1400px) {

  body {
  background: #b0368f;
  height: 91vh;
  width: 95vw;
  
  }

}

@media only screen and (min-width:1401px) and (max-width:1700px) {

  body {
  background: #666fcf;
  height: 91vh;
  width: 95vw;
  
  }

}

@media only screen and (min-width:1701px) and (max-width:2000px) {

  body {
  background: #d48876;
  height: 91vh;
  width: 95vw;
  
  }

}