爲響應定影圖像計算響應保證金

Question

我正在展示足球運動員統計信息的模板。

在左邊是播放器的.picture。它是固定的，高度是窗戶的100％。當你減小窗口的高度時，它的寬度會增加或減少。

在右邊，你應該找到球員的統計和傳記。這一切都適合div。block-left。寬度應該是100％減去player.picture寬度。

現在，展示它的唯一方法是使用與.picture寬度相同的值增加margin-left的值。

這裏就是問題所在，.picture的寬度總是隨屏幕分辨率而變化，所以應該在.block-content的左側。

我找不到實際的方法來做到這一點。也許jQuery？

模板可以在這裏找到：http://bettercheckthekids.com/pirlo/index.html

Answer 1

這不是一個流行的設計，但是是你可以使用窗口大小調整事件與jQuery做。

$(window).resize(function() { 
     var imgWidth = $(".picture img").width(); 
     $(".block-left").css("margin-left", imgWidth); 
});