【初月無料キャンペーン中】gooドクター

あるWEBサイトのコンテンツがスマホで見た時だけ表示されません。
なぜでしょうか。

サイトは以下のサイトになります。
http://asobi.yte.co.jp/gyakuten/

なぜかメニューにあるネタバレのところのみスマホで見ると表示されません。
(パソコンは表示します)

ソースを見るとその部分だけ
<!--spoiler-->で囲まれているのでこれが原因だと思うのですが…

わかる方教えていただけませんか?

gooドクター

A 回答 (2件)

ネタバレのコンテンツにある画像のimgタグすべてに"forPC"というclassが打ってあります。


そのclassが打ってある場合、スマートフォンくらいの画面幅のときは表示しないよう、CSSでdisplay:none;が設定されているためです。
この手を使うことはよくあります。
ただ、スマートフォンのとき用の画像も用意しておいて切り替えるのが通常だと思いますので、用意するのを忘れちゃったかなんかしたんでしょうね。
こういうこともよくあります笑
もしかすると意図的に隠しているのかもしれませんが、その意図がわからないので、やっぱり忘れちゃったんでしょう。

<!--spoiler-->で囲われていると、たしかに腐ったコンテンツみたいに思えますね。
spoilerはネタバレという意味のようですね。
直接は関係なかったのですが、おもしろい着眼点の質問でした。
    • good
    • 1

1) mediaqueryが使われている。


 
 印刷用、携帯用、スクリーンリーダーでスタイルを変えるユーザー別スタイルシートの拡張で、端末のディスプレイの幅で内容を変える。

2) サーバー側で、ユーザーエージェントによって内容を変えている。
 いまはあまり使われなくなりましたが、(1)が一般的でない頃はよく使われていた
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング