PC用とスマホ用の表示切り替えをCSSだけで行う方法(その1) - ホームページ制作・システム構築・ＤＢ設計のユタシステム

ホームページ制作 に関連する記事です。 PCサイトはもちろんスマホで閲覧することは可能だけれど、やはりスマホにはスマホ用のサイトを表示してあげることがユーザビリティ的にも必須であると考えている。 お使いいただいている方ならご存知であると思うが、スマホでPCサイトを閲覧するには文字が非常に小さく、拡大表示しないと閲覧不能なサイトも多い。 現在iphoneは「4」の時点だけれど、フラッシュは読めないし、何気に正確に意思伝達がなされないサイトが多々ある。 また、リンクが小さくなってしまいがちで、指でクリックするにはいささか小さすぎるように思える。 スマホ用のサイトといえばやはり、リンクが大きく、クリックしやすく、表示文字もおおきく、画面サイズに忠実に表示されてるサイトを使いやすく感じるのである。 基本的にスマホ用のサイトというものはPCサイトから余分なものを削って、必要最低限の情報だけを表示する

[kosanao]

スマホ切り替え　css

[contractio]

「481px以上であればPCと判断しdesign.cssを読み込む」