昔風に言えばリキッドデザインと言えば通りが良いかも知れません。一般に「レスポンシブ」と言えば其れを指す程普及した様に思います。表示崩れなど問題が生じる様です。共に現在の主流たる手法と端末が相性が悪いのは由々しき事態です。してもWebサイト制作側で其々対応が必要となります。本記事ではiPadでレスポンシブWebデザインの表示崩れを防ぎPC版の表示を目論見ます。PC表示に比べて一般的に表示領域が狭くなります。スマートフォンでは縦に構えて閲覧される場合が多ければ特に横幅は制限が生じるものです。此の為、一覧性が劣れば工夫が表示にも必要になります。リンクリストの表示を切り替えるのはしばしば見られる手法でしょう。他の緑色のリンクリストB、薄紫色のリンクリストCは非表示となっています。ページングを表示するのも良く用いられる処でしょう。リンクリストAが表示されてしまうでしょう。開かれるタブはリンクリストBでなければ困惑してしまいます。此れではユーザービリティ上、大きな問題を抱えていると言わざるを得ません。スマートフォン専用ページを表示させるのは以前は一般的な手法でした。PC版との整合性を取る必要に迫られる事案もあります。内部リンクを記載すればPC版にリンク先を求めるのは当然でしょう。一般的に横幅の広い、従って小さな文字のページの閲覧を強いられる格好になってしまいます。PC版のリンクアドレスをリンク時に改変して「/sp/」を先頭に挿入したい要請があります。本記事では此の実現にjQueryを用いて解決を図りたく思います。本ブログに稿をものしたのが以下の2017年3月27日の配信記事でした。複数箇所で利用するに如くはない事態が出来しました。一つでは間に合わない様相を呈したのです。当サイトではGoogleによる広告サービスを利用しています。Googleの個人データの使用に関する情報はこちらから確認できます。