根据浏览器宽度更改css值

Question

我真的需要一些帮助：

Click me for example

我有一个带有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 queries：

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

Answer 2

var factor = 0,253语法无效

应该

var factor = 0.253;

使用浏览器控制台检查错误，这会突然出现