Как изменить видимость элемента в соответствии с размером родительского элемента

Question

Я ищу решение, подобное медиа-запросам, которое будет работать в соответствии с размером элемента , а не размером видового окна. например:

---

ДИВ А открыты для контейнеров с минимальной 400px шириной

---

ДИВ А скрыта, когда это ширина родительского элемента меньше, чем 400 точек

Может это делается без использования JavaScript?

Answer 1

Вы можете использовать медиа-запрос в файле CSS, может быть:

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

Это должно работать, если родительский DIV ширина экрана (контейнер). В противном случае вам, вероятно, понадобится использовать javascript. Надеюсь это поможет!