bookreadkun https://blog.hatena.ne.jp/bookreadkun/ おーみんブログ https://oooomincrypto.hatenadiary.jp/ IT系その他 はじめに PCサイトとスマホサイトの両方を作る必要性があった場合、基本的にはメディアクエリやCSSフレームワークを用いたレスポンシブ方式(画面の幅でPCかスマホかを判別する)を用いていましたが、今の現場でユーザーエージェントを用いて切替を行う方式を学んだので、これを機にPCサイトとスマホサイトの表示切替方法について学んでみました。 ほぼほぼ備忘録的な内容なのでサクッとまとめています。 表示切替方法 PCサイトとスマホサイトの切替方法は3つあります。 レスポンシブ対応 ユーザーエージェントで判別する URL自体をPCとスマホで分ける レスポンシブ対応 基本的にスマホ対応サイトを作成する場合はこの… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Foooomincrypto.hatenadiary.jp%2Fentry%2F2022%2F05%2F02%2F172132" title="PC/スマホサイトの表示切替についての備忘録 - おーみんブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn.user.blog.st-hatena.com/default_entry_og_image/134134313/1630224683896242 Hatena Blog https://hatena.blog 2022-05-02 17:21:32 rich https://oooomincrypto.hatenadiary.jp/entry/2022/05/02/172132 1.0 100%