Несоответствие значений clientHeight и clientWidth в разных браузерах

В браузерах Internet Explorer 7, Internet Explorer 8 и Firefox наблюдаются различия в значениях, возвращаемых document.body.clientHeight и Свойства document.body.clientWidth. Понимание причин этих несоответствий имеет решающее значение для кросс-браузерной совместимости.

原因:

Как правильно объяснил Пол А., на эти свойства влияют механизмы рендеринга, специфичные для браузера. и поведение области просмотра. Internet Explorer использует другую модель области просмотра, чем Firefox, что приводит к различиям в сообщаемых размерах клиента. Кроме того, на эти значения могут влиять полосы прокрутки, хром окна и отступы.

Эквивалентные свойства в браузерах без jQuery:

В отличие от document.body.clientHeight и document.body Свойства .clientWidth, которые могут интерпретироваться в зависимости от браузера, $(window).width() и $(window).height(), предоставляемые jQuery, предлагают согласованную альтернативу. Эти функции jQuery точно представляют размеры области просмотра, обеспечивая согласованные результаты в разных браузерах, не полагаясь на внутренние различия в их механизмах рендеринга. Поэтому рекомендуется использовать методы jQuery для обеспечения кросс-браузерной совместимости при точном определении размера области просмотра.