O principal problema relacionado à largura da tela é que pode ser difícil criar layouts com boa aparência em todos os dispositivos. Por exemplo, se você deseja um layout que pareça bom em um computador desktop, pode não parecer tão bom em um telefone ou tablet.
is less than 768px
if (screen.width < 768) {
// do something
}
Este código está verificando se a largura da tela é menor que 768px. Se for, ele executará o código dentro das chaves.
Propriedades da tela do JavaScript
Em JavaScript, as propriedades da tela são usadas para obter informações sobre a tela atual. As propriedades da tela podem ser acessadas usando a propriedade window.screen. A tabela a seguir lista as propriedades de tela mais comuns em JavaScript.
Descrição da propriedade da tela
window.screen.width A largura da tela atual em pixels.
window.screen.height A altura da tela atual em pixels.
window.screen.depth A profundidade da tela atual em pixels (0 = superfície, 1 = bitmap).
Tipo de tela com JavaScript
O tipo de tela é javascript.
