Ang pangunahing problema na nauugnay sa lapad ng screen ay maaaring mahirap gumawa ng mga layout na maganda sa lahat ng device. Halimbawa, kung gusto mo ng layout na mukhang maganda sa isang desktop computer, maaaring hindi ito maganda sa isang telepono o tablet.
is less than 768px if (screen.width < 768) { // do something }
Sinusuri ng code na ito kung ang lapad ng screen ay mas mababa sa 768px. Kung ito ay, pagkatapos ay i-execute nito ang code sa loob ng mga kulot na braces.
Mga katangian ng screen ng JavaScript
Sa JavaScript, ginagamit ang mga katangian ng screen upang makakuha ng impormasyon tungkol sa kasalukuyang screen. Maaaring ma-access ang mga katangian ng screen gamit ang window.screen property. Inililista ng sumusunod na talahanayan ang mga pinakakaraniwang katangian ng screen sa JavaScript.
Paglalarawan ng Property ng Screen
window.screen.width Ang lapad ng kasalukuyang screen sa mga pixel.
window.screen.height Ang taas ng kasalukuyang screen sa mga pixel.
window.screen.depth Ang lalim ng kasalukuyang screen sa mga pixel (0 = surface, 1 = bitmap).
Uri ng screen na may JavaScript
Ang uri ng screen ay javascript.