El principal problema relacionat amb l'amplada de la pantalla és que pot ser difícil crear dissenys que semblin bé en tots els dispositius. Per exemple, si voleu un disseny que es vegi bé en un ordinador d'escriptori, és possible que no sembli tan bo en un telèfon o una tauleta.
is less than 768px if (screen.width < 768) { // do something }
Aquest codi està comprovant si l'amplada de la pantalla és inferior a 768 píxels. Si és així, executarà el codi dins de les claus.
Propietats de la pantalla JavaScript
A JavaScript, les propietats de la pantalla s'utilitzen per obtenir informació sobre la pantalla actual. Es pot accedir a les propietats de la pantalla mitjançant la propietat window.screen. La taula següent enumera les propietats de pantalla més habituals en JavaScript.
Descripció de la propietat de la pantalla
window.screen.width L'amplada de la pantalla actual en píxels.
window.screen.height L'alçada de la pantalla actual en píxels.
window.screen.depth La profunditat de la pantalla actual en píxels (0 = superfície, 1 = mapa de bits).
Tipus de pantalla amb JavaScript
El tipus de pantalla és javascript.