В среде разработчиков порой возникает путаница между понятиями «разрешение экрана» и его размерами. Как известно, оба параметра измеряются в пикселях, однако, если на первую характеристику пользователь может влиять (правда, лишь в сторону уменьшения, используя настройки операционной системы), то вторая имеет постоянное значение. Действительно, разве можем мы как-то физически уменьшить размеры монитора, не поломав его?
Как определить характеристики экрана на JavaScript
Чем больше разрешение экрана, тем лучше качество цветопередачи, контрастности и т.п. По этой причине, редко встречаются случаи, когда пользователи сознательно уменьшают данный параметр, а это значит, что чаще всего значения размеров экрана и его разрешение совпадают.
Знать эти параметры разработчикам порой необходимо, чтобы обеспечить не только кросс-браузерность сайта, но и его адекватную работу и отображение на мониторах различных размеров.
JavaScript в своем арсенале имеет объект screen, который в свою очередь имеет два полезных для нас свойства (метода) – width и height. Чтобы определить высоту и ширину экрана можно написать такой небольшой код:
height=screen.height;
width=screen.width;