根据浏览器宽度更改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;

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