javascript - 浏览器宽度负 25%

标签 javascript jquery math

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

所以。我想知道浏览器窗口的尺寸减去 25%。我有一个两列布局,我想使用 tim thumb 或常规属性(只是为了测试)。以确保我获得要在图像上显示的区域的正确高度和宽度。

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 + ');
});

有人发现这有什么问题或为什么它不起作用吗?

最佳答案

.025 不是 25%

你想要.25
你差了一个小数点

无论如何,这会给你 25%,但浏览器的宽度减去 25% 实际上是 75% 所以你真的想要

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

关于javascript - 浏览器宽度负 25%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9115309/

相关文章:

javascript - 为什么我继承的静态属性没有值?

javascript - SAPUI5 片段无法打开

javascript - jQuery/CSS - 将固定添加到滚动元素并在到达元素末尾时将其删除

java - Android java使用Eclipse数学,我不知道为什么简单的数学会得出错误的结果?

c++ - 围绕给定偏移量的对象旋转

algorithm - 3D 最小二乘平面

javascript - 如何相对于浏览器窗口定位 DIV?

javascript - Firefox 移动浏览器中的视觉视口(viewport)检测

JavaScript 从服务器获取文件

javascript - 调用 iframe 函数