[解決済み] CSS calc の幅と高さの値
2022-03-05 09:10:24
質問
cssで画面の高さを計算し、その値を幅の計算に使うにはどうしたらよいでしょうか? 可能でしょうか?
myClass{
height: calc(50% - 33.5px);
width: heightReturnedValue*1.3
}
解決方法は?
はい、cssにはvh(viewport height)、vw(viewport width)というものがあります。ビューポートとは画面のことです。
myClass {
height: calc(50% - 33.5px);
width: calc(100vh * 1.3);
}
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] 画像をインラインで表示する方法
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] CSSのdisplayプロパティで遷移する
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] CSSでdivのアスペクト比を維持する
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】#記号のHTML文字実体は何ですか?
-
[解決済み] html : iframeでhtmlのコンテンツが表示されない。
-
[解決済み] Bootstrapのカラムが機能しない
-
[解決済み] ボディの背景色が表示されない?
-
[解決済み] (X)HTMLにおける "PRE "タグの用途は何ですか?
-
[解決済み] :last-child が期待通りに動作しない?
-
[解決済み] Favicon.icoを表示させることができません。
-
[解決済み] HTML CSS インビジブルボタン
-
[解決済み] アトムでキーバインドリゾルバーのポップアップを消すにはどうしたらいいですか?
-
[解決済み] HTMLのバックスペース