Ekran ölçüləri və viewport siyahısı

Saytı telefon və planşetdə yoxlayanda cihazın fiziki piksellərini yox, CSS ölçüsünü bilmək lazımdır. Siyahıda populyar cihazların CSS ölçüləri və piksel sıxlığı var, yuxarıda isə sizin brauzerin hazırkı ölçüsü canlı göstərilir.

Necə istifadə etməli

  1. Cihaz adını axtarın və ya qrupu seçin.
  2. CSS ölçüsünə və breakpoint-ə baxın.
  3. Lazım olsa, media sorğunu kopyalayın.
  4. Öz eninizi yazıb hansı breakpoint-ə düşdüyünü yoxlayın.

Suallar

CSS piksel ilə fiziki piksel fərqi nədir?
Müasir telefonlarda bir CSS pikselə 2–4 fiziki piksel düşür (DPR). Dizayn CSS ölçüsü ilə qurulur, şəkillər isə DPR-ə görə daha böyük hazırlanır.
Siyahıda hər cihaz var?
Xeyr, yalnız geniş yayılmış və ölçüsü dəqiq bilinən modellər. Saytı bu enlərə yox, aralığa görə uyğunlaşdırın.

Digər alətlər

Əlçatanlıq

Seçimlər bu brauzerdə yadda qalır. Qısayol: Alt+A.

Klaviatura qısayolları

Ctrl / ⌘ + K
Axtarış və ayarlar
/
Saytda axtarış
T
Açıq / tünd rejim
Alt + A
Əlçatanlıq paneli
G sonra B
Bloqa keç
G sonra P
Portfolioya keç
G sonra X
Xidmətlərə keç
?
Bu siyahı
Esc
Pəncərəni bağla

Mətn sahəsində yazarkən tək hərfli qısayollar işləmir.

Telefona köçür

Telefonun kamerası ilə skan edin, bu səhifə telefonunuzda açılacaq.

iPhone-a quraşdırmaq

  1. Safari-nin aşağı panelində Paylaş düyməsinə (kvadrat və yuxarı ox) toxunun.
  2. Siyahıda “Ana ekrana əlavə et” (Add to Home Screen) seçin.
  3. Əlavə et düyməsinə toxunun. Odeo ikonu ana ekranda görünəcək.