jQuery .height () проблема с хромом

Question

jQuery .height () проблема с хромом

Я использовал функцию высоты jQuery. Но была проблема с получением правильной высоты моего элемента div . Высота этого элемента div установлена на auto , что означает, что высота div зависит только от элементов внутри него. Когда я попытался использовать .height () на своей странице, я получил следующий результат:

Chrome: 1276 px
Firefox: 1424 px

Но когда вы видите их обоих, они имеют одинаковую высоту. Единственное, что функция height () возвращает другой результат.

Вот код:

<div class="single-mid" style="position:relative;width:700px;margin:-1px 0 0 1px;padding-right:56px;">
    <div>Sample Inside Element</div>
</div>

<script type="text/javascript">
$(document).ready(function(){
     var less_height = $('.single-mid').height() -10;
     $('.single-mid').height(less_height);
});
</script>

Но я попытался установить высоту div в 1424px. Оба браузера возвращают один и тот же результат.

Есть идеи? Заранее спасибо.

17

jquery html height

задан Deduplicator 1 February 2015 в 16:28

1 ответ

Другие вопросы по тегам:

jquery html height

Похожие вопросы:

score 1 · Answer 1

Похоже, это вызвано разным шрифтом по умолчанию в двух браузерах. Если вы добавите следующий CSS в свой пример, результат будет одинаковым для Firefox и Chrome / Iron:

<style type="text/css">
  div {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2em;
  }
</style>

Вероятно, вы могли бы использовать сброс CSS и самостоятельно определять стили. Это даст вам больше контроля над тем, как заставить его выглядеть одинаково в большинстве браузеров.