如何仅使用CSS动态更改与父宽度相关的元素宽度？

Question

我正在尝试仅使用CSS根据其父元素的宽度来动态更改图层。具体来说，假设名为element A的父元素和子元素为label a，label b，..

如果element A宽度为500px＆lt; = x px＆lt; 1000px，则将label ?的宽度设置为200px。

如果element A宽度为250px＆lt; = x px＆lt; 500px，则将label ?的宽度设置为125px。

...

我该怎么做？如果仅使用CSS不可能，那么我需要什么？

抱歉可怕的英语;;

Answer 1

我不认为你可以单独使用css。但是你可以使用jQuery。一个简单的if条件就足够了。

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