Блок просмотра VH пересчитывает только при горизонтальном изменении размера (не по вертикали). Хром

Question

У меня есть веб-сайт, который полагается на размеры области просмотра в "скользящих" контейнерах, но после вертикального изменения размера высоты окна не пересчитывается. Горизонтальные и смешанные свитки заставляют пересчитывать vh в правильном порядке. vw корректно пересчитывается при горизонтальном изменении размера.

Могу ли я это исправить или сделать js принудительное средство пересчета повторного рендеринга при изменении размера?

Chrome 30, Mac OS X 10,9.

Answer 1

Приведенный ниже код заставит пересчитывать единицы просмотра при изменении размера...

var altcrement = -1;
$(window).resize(function(){
    var currentFontSize = parseFloat($('html').css('font-size'));
    $('html').css('font-size', currentFontSize + (altcrement *= -1) + 'px');
});

Answer 2

Попробуйте этот плагин jQuery: https://github.com/draashurx/viewportfontsize

Легко реализуется:

$('p').vw(10); // Equals to css font-size: 10vw;
$('p').vh(5);  // Equals to css font-size: 5vh;

Это также пересчитывает отлично. Не зависит от браузера. Так что гарантия работы (с библиотекой jQuery).