レスポンシブのサイトは見た目上PCでもSPでのPX固定で問題ないと思う際もPXは絶対にプロとしては使ってはいけないものなのでしょうか？

Question

レスポンシブのサイトは出来るだけ％指定しないといけないと良く聞くのですが、hタグとその下にある本文との隙間など、見た目上PCでもSPでのPX固定で問題ないと思う際もPXは絶対にプロとしては使ってはいけないものなのでしょうか？

それとも、見た目上PCでもSPでのPX固定で問題ないと思う際はPXを使っても良いでしょうか？

Answer 1

あなたの質問文を要約すると
『「出来るだけ」という言葉は「絶対」という意味ですか』になりますね…。

回答としては「違います」になりますよ…。
単なる日本語の理解力の話な気がするのですが…。

レスポンシブのサイトは出来るだけ％指定しないといけないと良く聞くのですが、

そうならば、その具体的な内容を示すか、そう言った人に尋ねるべきだと思います。

その提示も無い中で、「あなたのよく聞く話」の内容を推測するならば、常識的には横幅についての話であって、要素間の上下の間隔の話ではないと思いますよ。要素間の上下の間隔の話であれば、ピクセル指定で何も問題はないと思いますけど。

「ピクセル値で指定していいケースが存在するかしないか」という質問意図なら、「存在します」が回答になります。

Answer 2

デバイスによってブレイクポイントを決めるのに％(パーセント)指定ではできませんので、例えばpx(ピクセル)指定で行います。
また、<h> タグの見栄えの為、背景色を付けたいなどの場合、margin,paddingなどでもpx,em,remなどを使ったりします。

何方かのご意見を参考にされることも大事ですが、自分の目で最近の動向をご確認されるのも良いと思います。
例えば、bootstrapというレスポンシブに対応した、フレームワークがありますので、そちらを参考にしてみては如何でしょうか？
その他、有名なCMS(たとえばwordpressのstyle.css)など、レスポンシブに対応したテーマのソースをご確認されては如何でしょうか。

Comments

[退会済みユーザー]

＞
@media (min-width: 640px) {

もちろん上記のようなときはPXを使います。

また、マージン、パッディング、width、font-sizeなども、製作者がその方が良いと判断した場合は、em,px、%が混在してしまっても現場でも問題とは思われないのですね。

使いたいものを使えば良いのですね。