我怎樣才能動態地改變元素的寬度與父寬度使用唯一的CSS？

Question

我試圖根據它的父元素的寬度只使用CSS來動態更改圖層。具體而言，讓我們假設一個父元素稱爲element A和兒童的是label a，label b，..

如果element A寬度在500像素< = X PX < 1000像素，則設置label ?的寬度等於200像素。

如果element A寬度在250px < = x px < 500px，則設置label ?的寬度等於125px。

..

我該怎麼做？如果只有CSS纔有可能，那麼我需要什麼？

對不起糟糕的英國反正;;

Answer 1

我不認爲你可以獨自做到這一點在CSS。但你可以使用jQuery。一個簡單的if條件就足夠了。

var width = $('selector').width(); 
if (width > 500 && width < 1000) { 
    $('label').css('width', '200px'); 
}