Подключение определенных файлов в зависимости от версии браузера и разрешении экрана.
Ребят, помогите! Хочу сделать свой сайт кросс-браузерным и кросс-мониторным. Мне влом писать отдельные варианты страниц для каждого разрешения экрана и для каждого браузера. Да, конечно, есть величина vw, которая сделает вам любой элемент "резиновым", но она поддерживается только в самых последних версиях браузеров, да и не всех. Поэтому, она не актуальна. Я решила, что буду писать почти для каждого разрешения и для каждого браузера индивидуальные таблицы стилей и .js скрипты. Нужен скрипт, который сначала определяет браузер и его версию (желательно по navigator.userAgent и navigator.appVersion). Затем, определяет разрешение экрана (не ниже 800 x 600). После определения всех нужных данных, должен подключаться файл (если стили - то в тег head. Если скрипт, то в id тега div, т.к. скрипты у меня подключаются не в "голове"). В принципе все.
|