Peamine ekraani laiusega seotud probleem on see, et kõigis seadmetes heade paigutuste loomine võib olla keeruline. Näiteks kui soovite paigutust, mis näeb hea välja lauaarvutis, ei pruugi see nii hea välja näha telefonis või tahvelarvutis.
is less than 768px if (screen.width < 768) { // do something }
See kood kontrollib, kas ekraani laius on väiksem kui 768 pikslit. Kui on, siis käivitab see koodi lokkis sulgudes.
JavaScripti ekraani omadused
JavaScriptis kasutatakse ekraani atribuute praeguse ekraani kohta teabe hankimiseks. Ekraani atribuutidele pääseb juurde atribuudi window.screen abil. Järgmises tabelis on loetletud JavaScripti kõige levinumad ekraaniatribuudid.
Ekraani atribuudi kirjeldus
window.screen.width Praeguse ekraani laius pikslites.
window.screen.height Praeguse ekraani kõrgus pikslites.
window.screen.depth Praeguse ekraani sügavus pikslites (0 = pind, 1 = bitmap).
JavaScriptiga ekraani tüüp
Ekraani tüüp on javascript.