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。

提前感谢您的帮助。

Sam Tassell。

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
 }

注意：

图像可能会变得有点模糊，因为结果取决于您的浏览器功能。
％被称为modulus operator

Answer 2

您需要mod operator％：

imgHeight % 4

如果结果不是'0'那么你知道imgHeight不能被4整除。

如果没有这样做，请确保高度可被4整除

2 个答案: