Css'de hangi pixel aralığı android hangisi bilgisayar? | r10+

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;
  
  }

}

hocam son kod bilgisayar orası kesin
ilk kodta mobil orasıda kesin

ben mobili 576 piksel ve aşşağısı olarak biliyorum

Screen sizes and break points for responsive design - Windows apps | Microsoft Docs

Merhaba,

bu kadar ayrıntıya girmek çoğu zaman gereksiz max-width:600px mobile içindir. Yukarıdaki örneklere bakacak olursak orada fark ettiğin üzere aralıklar verilmiş, bu işletim sistemi nezdinde değil, cihaz nezdinde değerlendirilir.

google sorup rahatlıkla öğrenebilirsiniz.

Sağolasın hocam. Google'ı sevene de sorabiliyoruz bazen (r10 we love google). 😁
Teşekkürler hocam. 🙂
Baktım hocam. Sağolasın. Ama ste karışk anlatmış sanki. Büyük ekrana da küçük piksel vermiş. Yine de sağolasın. 🙂
Hmm anladım hocam sağolasın. 🙂