Ekranımı ve çözünürlüğümü kontrol et
Ekran çözünürlüğü, kullanılabilir boyut, viewport, piksel oranı (DPI), renk derinliği, yönelim ve erişilebilirlik tercihlerini (renk şeması, azaltılmış hareket) inceleyin.
Bu ekran kontrolü `screen` ve `window` metriklerini okur: çözünürlük, kullanılabilir boyut, iç/dış viewport, renk derinliği, cihaz piksel oranı ve yönelim. Duyarlı hata ayıklama, Retina/HDPI karşılaştırması ve piksel oranının web düzenini nasıl etkilediğini anlamak için kullanışlıdır — CheckProxy.org.
Ekran taranıyor…
Ekran taranıyor…
SSS — Ekran, çözünürlük ve DPI
Tarayıcıda çözünürlük, DPI, piksel oranı ve viewport hakkında sorular.
Çözünürlük ekranın genişlik/yüksekliğidir (`screen.width/height`). İç viewport, tarayıcı arayüzü çıkarıldıktan sonraki sayfa içerik alanıdır — genellikle tam ekrandan küçüktür.
Piksel oranı bir CSS pikselini cihaz piksellerine eşler. Retina ekranlarda 2 değeri daha keskin görüntüler anlamına gelir ancak genellikle @2x varlıklar gerektirir — ekran ve UI kontrolleri için önemlidir.
Renk derinliği renk kanalı başına bit sayısıdır (genellikle 24 veya 30). Piksel derinliği eşleşebilir veya tampon bilgisi ekleyebilir — görüntü kalitesi ipucu olarak kullanışlıdır.
Telefon ve tabletlerde dönüş açısı (0°, 90°, …) ve dikey/yatay tür, duyarlı düzenleri ve medya sorgularını doğrulamaya yardımcı olur.
Bunlar kullanıcı/işletim sistemi ipuçlarıdır: koyu veya açık tema ve azaltılmış animasyon. Siteler arayüzü ve erişilebilirliği uyarlamak için bunları okuyabilir.