Используя отзывчивый макет и много CSS для создания веб-страницы, у меня возникает проблема с скрытыми или показанными полосами прокрутки и изменением макета на 17 пикселей.
Основная проблема заключается в том, что на OSX полосы прокрутки накладываются на весь макет, не затрагивая его, но в любом браузере в Windows, например, полоса прокрутки является частью макета и поэтому перемещает ее влево по ширине 17 пикселей.
Пытаясь решить эту проблему, я начал обнаруживать браузеры вроде:
if($.browser.chrome) {
// adapt layout by 17px
} else if ($.browser.mozilla) {
// adapt layout by 17px
} else if ($.browser.safari) {
// dont adapt layout by 17px
}
Но после прочтения большого количества сообщений по этой теме я понял, что вместо обнаружения браузера многие люди рекомендуют обнаружение функций. Итак, есть ли способ узнать, как браузер обрабатывает полосы прокрутки? Будут ли они участвовать в pagelayout или они просто будут нависнуть над всем, как на сафари?
Спасибо за вашу помощь!