如何使div和其內容響應

我正在項目中，我有一個div裏面，我有4個div。內的div有固定的位置我想讓DIV響應，並伴隨着，我想所有的4格保留其原來的位置這裏是我的代碼jsfiddle 如何使div和其內容響應

我有地方使用與容限內DIV位置頂，利潤率左

.one{ 
    margin-top: 16em; 
    margin-left: 2em; 
    position: absolute; 
} 
.spinner.two { 
    margin-top: 20em; 
    margin-left: 1em; 
    position: absolute; 
} 
.spinner.three { 
    margin-left: 4em; 
    margin-top: 23em; 
    position: absolute; 
} 
.spinner.four { 
    margin-left: 14em; 
    margin-top: 19em; 
    position: absolute; 
}

，但我不作迴應....請幫助

來源

2015-09-05 Rocking Birds

我對響應性瞭解不多，但作爲一般規則，您必須在與屏幕大小相關的CSS規則中指定..您必須設置媒體規則以及它們的斷點......斷點限制以像素爲單位）像素尺寸必須更改以適應各種設備 –

根據我的經驗，您應該允許儘可能多的div以內容驅動的方式流動。高度自然增加，寬度更窄。絕對定位不適用於此。我認爲一個好的響應式設計並不一定需要大量的媒體查詢。 – ne1410s

我創建了一個的jsfiddle，更快地響應根據設備寬度。 https://jsfiddle.net/0kahjww6/1/

.one { margin-left: 7%; } 
.two { margin-left: 4%; } 
.three { margin-left: 17%; } 
.four { margin-left: 40%; }

我改變的主要事情是：

刪除絕對定位運動的地方是沒有必要
活動區域集寬和容器的100％ - 最大寬度可，它對瀏覽器寬度的變化做出響應
根據％寬度定位相對內部的東西，而不是絕對像素或ems

它可能不是完美的你想要的東西，但它肯定是更響應。

來源

2015-09-05 06:41:41 ne1410s

如何使div和其內容響應

回答

相關問題