レスポンシブWebデザインでのサイト構築について、最近以下のような相談を受けることがあります。 「レスポンシブWebデザインでdisplay:noneを使うのはNGになるのでしょうか?」 検索していても、キーワード候補にも上がってくるくらいなので結構気にしておられる方も多いはずです。 結論から言うと、適切に使えばペナルティを受けることはありません。 レスポンシブWebデザインでのdisplay:noneの使用について レスポンシブWebデザインでの考え方の基本は、1ソースマルチデバイスで構築し、同じコンテンツを端末サイズに合わせてMedia Queriesで調整するというものです。 ただどうしても「この端末特有のコンテンツを表示させたい」といったケースでは、他のデバイスサイズでは表示しないように設定する際に上記の「display:none」を使って調整する必要があります。 display: