Ekran Çözünürlüğüm Nedir?
Your screen and browser information is displayed below.
Screen Resolution
Browser Viewport Size
Color Depth
Device Pixel Ratio
Ekran Çözünürlüğü Denetleyicisi Hakkında
Ekran çözünürlüğünüzü, tarayıcı penceresinin boyutunu ve ekranınızın piksel yoğunluğunu gösterir — insanların en çok birbirine karıştırdığı üç sayı.
Ekran, görüntü alanı ve piksel oranı
Ekran çözünürlüğü tüm ekrandır. Görüntü alanı, web sayfanızın gerçekten kullandığı bölgedir ve daha küçüktür — tarayıcı arayüzü, araç çubukları ve kaydırma çubukları aradaki farkı alır. Aygıt piksel oranı ise bir CSS pikselini kaç fiziksel pikselin oluşturduğudur: eski bir monitörde 1, modern bir telefonda veya Retina ekranda 2 ya da 3. Genişliği 390 px görünen bir telefon, 3 oranıyla aslında 1170 fiziksel piksele sahiptir.
Hangi sayıya göre tasarlamalıyım?
Her zaman görüntü alanına. Medya sorguları, düzen kırılma noktaları ve okunabilir satır uzunlukları fiziksel değil CSS pikseliyle çalışır. Ekran çözünürlüğü yalnızca görsel dosyaları için ve kitlenizin gerçekte neye sahip olduğunu bilmek için önemlidir.
Penceremin ekranımdan küçük olmasının nedeni ne?
Ya pencere tam ekran değildir ya da bir sistem ölçekleme ayarı açıktır. Ekran ölçekleme — Windows'ta %125 veya %150, macOS'ta karşılığı — yoğun bir ekranda yazı okunaklı kalsın diye CSS piksel sayısını kasıtlı olarak azaltır. Ekran değişmemiştir, koordinat sistemi değişmiştir.