html - 视口单元 vh 仅在水平调整大小（而不是垂直）时重新计算。铬合金

Question

我有一个网站，它依赖于“幻灯片”容器中的视口大小，但在垂直调整窗口高度后不会重新计算。水平和混合滚动强制以vh正确的顺序重新计算。vw在水平调整大小时正确重新计算。

我可以修复它还是让 js 强制执行重新计算重新计算大小的重新渲染？

铬 30，mac 操作系统 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库）。