あるWEBサイトのコンテンツがスマホで見た時だけ表示されません。
なぜでしょうか。
サイトは以下のサイトになります。
http://asobi.yte.co.jp/gyakuten/
なぜかメニューにあるネタバレのところのみスマホで見ると表示されません。
(パソコンは表示します)
ソースを見るとその部分だけ
<!--spoiler-->で囲まれているのでこれが原因だと思うのですが…
わかる方教えていただけませんか?
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
ネタバレのコンテンツにある画像のimgタグすべてに"forPC"というclassが打ってあります。
そのclassが打ってある場合、スマートフォンくらいの画面幅のときは表示しないよう、CSSでdisplay:none;が設定されているためです。
この手を使うことはよくあります。
ただ、スマートフォンのとき用の画像も用意しておいて切り替えるのが通常だと思いますので、用意するのを忘れちゃったかなんかしたんでしょうね。
こういうこともよくあります笑
もしかすると意図的に隠しているのかもしれませんが、その意図がわからないので、やっぱり忘れちゃったんでしょう。
<!--spoiler-->で囲われていると、たしかに腐ったコンテンツみたいに思えますね。
spoilerはネタバレという意味のようですね。
直接は関係なかったのですが、おもしろい着眼点の質問でした。
No.1
- 回答日時:
1) mediaqueryが使われている。
印刷用、携帯用、スクリーンリーダーでスタイルを変えるユーザー別スタイルシートの拡張で、端末のディスプレイの幅で内容を変える。
2) サーバー側で、ユーザーエージェントによって内容を変えている。
いまはあまり使われなくなりましたが、(1)が一般的でない頃はよく使われていた
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- アプリ Edgeを操作するアプリについて 4 2023/05/11 22:48
- デスクトップパソコン PC作成のスマート対応フアイルへの転換 1 2022/06/18 19:50
- サーバー 別サーバに構築したApache+Tomcatの連携について 2 2023/03/06 23:23
- HTML・CSS WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか? 8 2022/09/27 09:16
- ホームページ作成・プログラミング メールフォームで送信すると「通信に失敗しました。ページの再読み込みを...」で送信できません。 2 2023/05/26 18:11
- WordPress(ワードプレス) Wordpress テーマを編集 の編集する枠が表示されない 2 2022/11/19 11:07
- セキュリティホール・脆弱性 前職(個人クリニック)のWebサイトを見ようとするとアクセス拒否。と表示されます。 揉めてお互い気持 3 2022/04/11 10:47
- WordPress(ワードプレス) Wordpressサイトの検索結果が無題になってしまう 1 2022/10/13 12:06
- JavaScript jsで診断コンテンツのページ内切り替えについて 1 2023/04/14 17:31
- Android(アンドロイド) アンドロイドでメディアストレージが見つかりません 4 2022/10/23 05:50
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ボタンを押したままにする。
-
タイトルバーに画像を入れるHTM...
-
拡張子無しで画像を表示したいです
-
HTMLにQRコードを挿入する方法
-
[twip]から[pixel]への変換
-
WEBサイトの一部コンテンツがス...
-
リンクバナーのHTMLタグ。画像...
-
pngやjsの後ろの英数字の意味は...
-
予約語の表示について
-
画像クリックでクリップボード...
-
【SEO】1ページ内のリンク数の...
-
アルバムをめくるように、画像...
-
バナーの貼り方とバナーにリン...
-
カウンターのHTMLソースを教え...
-
リンクの上にマウスカーソルを...
-
カメラで撮影した画像をOpenGL...
-
FC2ショッピングカートのカスタ...
-
ブログの最新記事を中央に表示
-
文字列とか画像にカーソルが行...
-
スライドショーの上にロゴマー...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
IMGタグでTIFF画像を表示
-
pngやjsの後ろの英数字の意味は...
-
スライドショーの上にロゴマー...
-
バナーの貼り方とバナーにリン...
-
背景が透明なリンクボタンで、...
-
HTMLにQRコードを挿入する方法
-
タイトルバーに画像を入れるHTM...
-
form以外でのpostってできますか?
-
HTMLでデスクトップの画像がでない
-
CSSなどでHTML全体の表示を拡大...
-
画像クリックでクリップボード...
-
すいません HTMLです この画像...
-
拡張子無しで画像を表示したいです
-
期間ごとに画像表示を切り替え...
-
クリックしても、リンクに飛ば...
-
特定の画像ファイルでレイアウ...
-
カウンターのHTMLソースを教え...
-
バナーのURLについて
-
クリッカブルMAP領域が分かる様...
おすすめ情報