javascript - 根据浏览器宽度更改 css 值

Question

我真的需要一些帮助：

点我为例

我有一个带有 bg 图像的 div 容器#green（绿色边框）。div 为 100% 宽度，bg 图像带有 css3 的-cover-。在这个 div 中是另一个 div #red，它具有绝对位置和正确值。我想强制#red div 在 bg 图像的动机之间始终具有相同的距离。意味着如果我缩放浏览器窗口，间隙应该总是相同的。我的尝试是将#red { right: 25px }css除以$(window).width()并将这个因素用于

var factor = 0,253;
var width = $(window).width()*factor;

('#red').css('right', width);

但它不起作用。希望你明白我的意思，每一个帮助将不胜感激:)

Answer 1

使用媒体查询：

@media (min-width:500px) { … }

Answer 2

var factor = 0,253语法无效

应该

var factor = 0.253;

使用浏览器控制台检查错误，这会立即弹出