エントリー

スマートフォンで閲覧した際の画像表示の修正

  • 2022/05/06 07:34
  • カテゴリー:その他
これまでは当サイトをスマートフォンやタブレットで閲覧した際、
大きな画像を表示させると端末の画面からはみ出てしまうという不具合が発生しておりました。
こちらもサイトマップの件と併せて何とか直したい、という事で昨日の夕方に作業を実施。

freoとの2~3時間の格闘の末、一部に問題点が残っているものの、
大きな画像を自動的に端末の解像度に合わせて表示させる事が可能になりました。

 

このようにスマホのような縦長の解像度の端末でも、横長の画像を画面からはみ出ず表示できます。
しかし、2枚目の画像のようにタイトルの文字が長すぎると、
その文字が画像に重なってしまうという不具合も発生してしまいました。
ただ、色々調べましたがこの問題はそう簡単には修正できない感じがしたため、ひとまず保留にしています。
これでスマホから閲覧される方にも優しいサイトになったはずです。

ついでに、パソコンで当サイトを閲覧した際も、使用しているモニターの解像度に合わせ
画像を表示するように修正しました。



こちらはモニターの解像度が1280×1024の状態で、1600×1200の写真を表示させた際の画像です。
画面内から写真がはみ出ず、使用している出力装置の解像度に合わせ表示されるようになりました。
なお、低解像度の時だけではなく、ブラウザをウインドウ状態にしている際も
その大きさに合わせて画像や写真が表示されます。


長い間抱えてきた問題でしたが、今回、わずか数時間で解決する事ができました。
当サイトは基本的にパソコンで閲覧する事を前提に運営しています。
それでも、Google Search Consoleで検索パフォーマンスのデバイスを確認すると、
現在はモバイルやタブレットでの閲覧される方が中心です。
そのような方々に対してもう少し優しいサイトにするよう心掛けていきます。

ページ移動

トラックバック

  • トラックバックはまだありません。

トラックバックURL

https://gfan.jpn.org/diary/trackback/1863

コメント

  • コメントはまだありません。

コメント登録

  • コメントを入力してください。
登録フォーム
名前
メールアドレス
URL
日本で一番高い山は?(漢字で)(スパム対策)
コメント
閲覧制限

ユーティリティ

カテゴリー

検索

エントリー検索フォーム
キーワード

ページ

  • ページが登録されていません。

ユーザー

新着コメント

過去ログ

Feed