назад к разделу "JavaScript"

скрипты JavaScript

раздел: JavaScript
последнее изменение: 2014-11-09
автор: Юрий Матвеев

Язык сложен для понимания и применения, капризен… Тяжело искать баги в нем...
А потому особенно ценны разработанные разными программистами скрипты, которые мы имеем возможность вставлять в свой код простым копированием текста.


Недавно пришлось решить с помощью JavaScript задачу по верстке простенького одностраничного сайта:
Неожиданно вылезла проблема адаптации верстки сайта под различные разрешения экрана.
Привожу готовые кода определения разрешения экрана, разрешения пользовательского окна (последний у меня не совсем корректно работает):

 
И готовый скрипт подключения различных стилей в зависимости от разрешения экрана:

К слову сказать, того же самого результата мы можем добиться, используя в CSS файле тэги-инструкции @media, подключающие в верстку сайта разные стили взависимости от разрешения экрана пользователя:
@media screen and (max-width: 500px) {
...
}

Именно на таком способе реализуется адаптивная верстка, все более востребованная в среде web разработки в последнее время.


Вы можете оставить комментарий или отзыв об этой статье
  • X
    23
    Ваше имя:
    Комментарий:
    loader