【HTML】レスポンシブデザインにおけるheightの指定について

Question

レスポンシブデザインのWebサイト作成を行っています。

レスポンシブデザインのサイトを作成する際、heightを指定すると文字が要素から
はみ出る場合があるので高さは明示的に指定しない方がいいと記載されている
サイトを見かけました。

参考サイト

https://blog.mimipen.net/entry/2019/09/15/064012#height%E3%81%AF%E5%9F%BA%E6%9C%AC%E7%9A%84%E3%81%AB%E6%8C%87%E5%AE%9A%E3%81%97%E3%81%AA%E3%81%84

スマホのサイトに切り替えた際、文字がはみ出るというのは理解できました。

しかし、HeaderやFooterの高さを確保したいときなどはheightの指定をせざるを得ないのでは
ないかと思いました。

質問したいのは下記の2つです。
①heightを指定しないというのはどのようなケースなのか知りたいです。
（上記のサイトのようにテキストが書かれている要素のみなのか）

②レスポンシブデザインの場合、Header、Footerに高さを指定してもいいのか。
指定すべきじゃない場合、どのような記載をすればいいのか。

宜しくおねがいします。

Answer 1

レスポンシブデザインのサイトを作成する際、heightを指定すると文字が要素から

はみ出る場合があるので高さは明示的に指定しない方がいいと記載されている
サイトを見かけました。

正しいです。
確実にはみ出ない、若しくはデザイン上必要な場合は指定してもいいです。
ただ、基本的には指定しないものになります。

Example: 追従するHeader, 全画面表示等。

Comments

[退会済みユーザー]

回答ありがとうございます。
仮にコピーライトが書かれいるfooterの高さがもう少し欲しいなと思ったときは
heightを指定するのではなく、paddingで高さを確保すべきということでしょうか。

[kyoya0819]

はい。そうです