clientHeight/clientWidth возвращает разные значения в разных браузерах

Это связано с блочной моделью браузера. Используйте что-то вроде jQuery или другой библиотеки абстракций JavaScript, чтобы нормализовать модель DOM.

Пол А прав в том, почему существует несоответствие, но решение, предлагаемое Ngm, неверно (в смысле JQuery).

Эквивалентом clientHeight и clientWidth в jquery (1.3) является

$(window).width(), $(window).height()

Элемент body принимает доступную ширину, которая обычно соответствует области просмотра вашего браузера. Таким образом, в браузере будут разные размеры из-за хромированных границ браузера, полос прокрутки, вертикального пространства, занимаемого меню и еще много чего...

Тот факт, что высота также различается, также говорит мне о том, что вы установили высоту body/html на 100% с помощью css, поскольку высота обычно зависит от элементов внутри body..

Если вы не установите для ширины элемента body фиксированное значение через css или его свойство стиля, его размеры, как правило, всегда будут различаться в разных браузерах/версиях и, возможно, даже в зависимости от плагинов, которые вы установили для браузер. Постоянные значения в таком случае скорее исключение из правил...

Когда вы вызываете .clientWidth для других элементов, которые не принимают автоматическую ширину окна просмотра браузера, он всегда будет возвращать элементы 'width' + 'padding'. Таким образом, div шириной 200 и отступом 20 будет иметь clientWidth = 240 (20 отступов слева и справа).

Однако основная причина, по которой можно вызвать clientWidth, как раз связана с возможными ожидаемыми расхождениями в результатах. Если вы знаете, что получите постоянную ширину и значение известно, то вызов clientWidth будет излишним...

Эквивалентом offsetHeight и offsetWidth в jQuery является $(window).width(), $(window).height() Это не clientHeight и clientWidth

Element.clientWidth и Element.clientHeight возвращают высоту/ширину содержимого этого элемента в дополнение к любому применимому отступу.

Реализация jQuery: $(target).outerWidth() & $(target).outerHeight()

.clientWidth и .clientHeight включены в спецификацию модуля просмотра CSSOM, которая в настоящее время находится на стадии рабочего проекта. Хотя современные браузеры имеют согласованную реализацию этой спецификации, для обеспечения стабильной производительности на устаревших платформах следует по-прежнему использовать реализацию jQuery.

Дополнительная информация:

• https://developer.mozilla[dot]org/en-US/docs/Web/API/Element.clientWidth
• https://developer.mozilla[dot]org/en-US/docs/Web/API/Element.clientHeight

Что я сделал, чтобы исправить мою проблему с clientHeight, так это использовать clientHight элементов управления firstChild. Я использую IE 11 для печати меток из базы данных, и clientHeight, который работал в IE 8, возвращал высоту 0 в IE 11. Я нашел свойство в этом элементе управления, которое было указано как firstChild и имело свойство if clientHeight и фактически имело высота, которую я искал. Итак, если ваш элемент управления возвращает clientSize 0, взгляните на свойство его firstChild. Мне помогло...

у меня была аналогичная проблема - firefox вернул правильное значение obj.clientHeight, но т.е. не вернул 0. Я изменил его на obj.offsetHeight и это сработало. Кажется, есть какое-то состояние, которое ie имеет для clientheight - это делает его сомнительным...

Это может быть вызвано ошибкой блочной модели IE. Чтобы исправить это, вы можете использовать взлом блочной модели.

Еще немного информации об окне браузера: http://www.w3schools.com/js/js_window.asp?output=print