如何根據父元素大小更改元素的可見性

Question

我正在尋找類似於媒體查詢的解決方案，該解決方案將根據元素大小而不是視口大小工作。例如：

---

DIV A是可見具有最小400像素寬度容器

---

DIV A爲隱藏時，它的父元素的寬度小於400像素

燦這不需要使用JavaScript？

Answer 1

你可以，也許你的CSS文件中使用媒體查詢：

@media (max-width 399px) { 
    .divA { 
     display: none; 
    } 
} 

如果父DIV是屏幕的寬度（即容器）這應該工作。否則，你可能需要使用JavaScript。希望這可以幫助！