cssで親要素(親 div)のサイズ幅でレスポンシブ

コンテナクエリー

親DIVが768px未満の時に非表示にする。

.parent{
  container-type: inline-size;
  container-name: parent-container;  /* 任意のコンテナ名をつけれます */
}

.child {
  @container parent-container (max-width: 768px) {
    display: none;
  }
}
No.2570
01/25 09:47

edit