Question

所以我一直在尝试自己解决这个问题。想我会在这里问，因为我似乎总是得到一些很好的回应。

因此。我想知道浏览器窗口的尺寸减去25％。我有两列布局，我想使用tim拇指或常规属性（只是为了测试）。确保我得到我想要在图像上显示的区域的正确高度和宽度。

25％|页面的其余部分（这是图像的位置）。高度我没有问题，因为我可以做.height（） - 240（我知道因为我的CSS。我的问题是宽度。

这是我到目前为止所做的，但似乎无法使其发挥作用。

var bg_width    = $(window).width() * .025;
var bg_height   = $(window).height() - 240;
$(".backgrounds img").each(function(bg_width,bg_height){
    $(this).attr('width',bg_width);
    $(this).attr('height',' + bg_height + ');
});

任何人都认为这有什么不妥或为什么不起作用？

Answer 1

.025不是25％

你想要.25
你是一个小数

无论如何，这将给你25％，但浏览器的宽度减去25％真的是75％所以你真的想要

myWidth = $(window).width() * .75

Answer 2

假设$(window).width()返回正确的浏览器窗口宽度，那么

var bg_width    = $(window).width() * .025;

不会给你浏览器宽度 - 25％：

因此。我想知道浏览器窗口的尺寸减去25％

要做到你想要的那样：

var bg_width = $(window).width() * 0.75;

Answer 3

var bg_width    = $(window).width() * .75;
var bg_height   = $(window).height() - 240;
$(".backgrounds img").each(function(bg_width,bg_height){
    $(this).attr('width', bg_width);
    $(this).attr('height', bg_height);
});

请注意，对于75％，它是 $（窗口）.width（）* .75;

Answer 4

这不是一个错字：

$(this).attr('height',' + bg_height + ');

应该是：

$(this).attr('height', bg_height);

浏览器宽度减去25％

4 个答案: