CSS有相對(duì)于視口的單位:vw,vh,vmin,vmax。
CSS中有什么我可以用來確定元素容器大小的東西嗎?例如,假設(shè)我有:
<div>
<p>Hello, world!</p>
</div>
我想對(duì)p標(biāo)簽應(yīng)用與容器大小(本例中是div)相關(guān)的樣式。這可能嗎?
是的,它們是存在的,但是在使用它們之前,你仍然需要等待太長(zhǎng)時(shí)間。
從規(guī)格來看
容器查詢長(zhǎng)度單位指定相對(duì)于查詢?nèi)萜骶S度的長(zhǎng)度。使用容器查詢長(zhǎng)度單位的樣式表可以更容易地將組件從一個(gè)查詢?nèi)萜饕苿?dòng)到另一個(gè)查詢?nèi)萜鳌?/p>
在這里找到相關(guān)的github討論:https://github.com/w3c/csswg-drafts/issues/5888