User 13204940 Ответов: 1

$(Окно).высота() несовместима в разных браузерах

Привет,

Я разрабатываю сайт здесь[^]. Я отключил прокрутку тела и включил прокрутку на странице#, что означает, что мне нужно назначить высоту вручную. Я делаю это каждые 500 мс, устанавливая высоту #page на $(окно).height() минус верхние и Нижние поля страницы 16px, а также верхние и Нижние поля заголовка 16px и высота 48px. Это прекрасно выглядит в Chrome и Opera, но в Firefox и IE высота установлена на слишком высокое значение, что отсекает небольшую область внизу.

Для отладки заголовок документа устанавливается равным $(window).height() каждый раз, когда это делается.

Почему это может быть, и есть ли какой-то способ справиться с этим последовательно, а не обнаруживать браузер и изменять вычисления для каждого из них?

Что я уже пробовал:

-------------------------------------------------------------------

1 Ответов

Рейтинг:
0

Richard Deeming

Сайт выглядит одинаково для меня в Chrome, Firefox 61, Edge и IE11.

Если вы можете отказаться от поддержки старых версий IE, вы можете сделать это лучше с помощью Grid layout - не требуется Javascript: Демонстрация[^]

Могу ли я использовать... CSS Grid Layout[^]
Полное руководство по Grid | CSS-трюкам[^]
Сетка на примере[^]

[no name]

Если прокрутить вправо до самого низа, то под надписью "написано"... раздел, там должно быть заполнение 16px. Это сокращается на firefox и IE.

Richard Deeming

Я не могу этого видеть, потому что ваш сайт сейчас производит SSL_ERROR_NO_CYPHER_OVERLAP ошибка во всех браузерах. Вы изменили включенные протоколы за последний час?