根據瀏覽器寬度更改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;

使用瀏覽器控制台檢查錯誤，這將立即彈出