こちらの記事でほとんど解説されています。 /* レスポンシブ・スマホ用 ----- */ @media(max-width: 600px) { .main-image img { height: calc(100vh - 60px); } } ①calc関数はCSSで計算が出来るようになります ②ヘッダーの高さ60pxを100vhに含める必要があります ③ ...
デベロッパーツールを開き、[要素] > [スタイル]タブでcalc()やclamp()をホバーすると、変数の定義チェーンや計算値など複雑なCSSの計算式を段階的にデバッグできます。 「段階的」というのがポイントで、最初に変数を処理して、次にvwやcqwなどの相対単位を ...
一部の結果でアクセス不可の可能性があるため、非表示になっています。
アクセス不可の結果を表示する