javascript-jp.dev
javascript
html
jquery
css
node.js
angular
reactjs
typescript
npm
arrays
Dark
container queries
[1/1]
positionプロパティとcalc関数を使ってdiv要素のサイズを動的に変更する方法
メディアクエリは、画面サイズやデバイスの種類などの環境変化に応じてCSSスタイルを切り替える機能です。通常、min-widthやmax-widthといったメディアクエリで画面幅を基準にスタイルを切り替えます。一方、div要素は画面の一部を占めるコンテナ要素であり、画面サイズとは独立した存在です。そのため、メディアクエリで直接div要素のサイズを指定することはできません。
1