Głównym problemem związanym z szerokością ekranu jest to, że tworzenie układów, które dobrze wyglądają na wszystkich urządzeniach, może być trudne. Na przykład, jeśli chcesz, aby układ wyglądał dobrze na komputerze stacjonarnym, może nie wyglądać tak dobrze na telefonie lub tablecie.
is less than 768px
if (screen.width < 768) {
// do something
}
Ten kod sprawdza, czy szerokość ekranu jest mniejsza niż 768 pikseli. Jeśli tak, wykona kod w nawiasach klamrowych.
Właściwości ekranu JavaScript
W JavaScript właściwości ekranu służą do uzyskiwania informacji o bieżącym ekranie. Dostęp do właściwości ekranu można uzyskać za pomocą właściwości window.screen. W poniższej tabeli wymieniono najczęstsze właściwości ekranu w języku JavaScript.
Opis właściwości ekranu
window.screen.width Szerokość bieżącego ekranu w pikselach.
window.screen.height Wysokość bieżącego ekranu w pikselach.
window.screen.głębokość Głębia bieżącego ekranu w pikselach (0 = powierzchnia, 1 = bitmapa).
Typ ekranu z JavaScript
Typ ekranu to javascript.
