如果没有这样做,请确保高度可以被4分割

Question

遇到一些问题,请参阅以下代码:

window.onload = function () {

    var imgHeight = $("#profile_img").height();

    var infoPanels = imgHeight - 6;
    //include borders and margin etc..
    var infoPanelsHeight = infoPanels / 4;
    $('.resize').css("height",infoPanelsHeight + "px"); 
    $('.resize2').css("height",infoPanelsHeight + "px");
}

我要做的是找到图像的高度(浮动:左),然后将其除以4并使用结果设置4个div的高度(浮动:右),因此它们等于图像的高度总共.

我在我的调整大小项目中使用它,但因为图像高度取决于查看窗口(在这种情况下是移动屏幕),所以数字很少被正确地舍入,所以div总是超出1-4 px.

因此,对于一个解决方法,我想找到图像的高度,然后如果高度不能被4调整,那么它是...调整图像的大小,然后使用新的图像高度调整div的大小.

所以我的问题是我如何检查图像的高度,如果它不能被4分割那么它就这样呢？

我一般都在使用jquery和javascript.

感谢您的帮助.

萨姆塔塞尔

Answer 1

我会尝试:

 if (imgHeight % 4 != 0) { // checks if the imgHeight is not dividable by 4
    $("#profile_img").attr("height") = Math.floor(imgHeight / 4) * 4; // set lowest height that is dividable by 4
 }

注意:

• 图像可能会变得有点模糊,因为结果取决于您的浏览器功能.
• %被称为模数运算符