iPadにPC向けデザインを縮小表示するときにも！Viewport Extraで手軽に縮小表示 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。フロントエンドエンジニアのつっちーです。 以前の記事で、iPhone SEなど幅320px表示端末での縮小表示に便利なViewport Extraを紹介しました。 Viewport Extra おかげさまで、CDNに対して1日約20,000回、公開以来約1,430,000回ものリクエストをいただいております！ たくさんのページでご利用いただいているようで嬉しいです。ありがとうございます！ (2021/2/19 3:00 追記) なんと、CDNへの総リクエスト数が 150,000,000回（1.5億回）を突破しました！ ありがとうございます！ このライブラリ、実はiPadなどタブレット端末での縮小表示にも使うことができます。 さっそくですが、実例とともに紹介していきましょう。 たとえばこんなとき レスポンシブデザイン タブレットでは、デスクトップ向けデザインを表示したい デスクト
レスポンシブWebデザインでiPad向けにPC表示を見せるときの注意点
当サイトは通販サイト・外部Webサービスへのリンクの一部にアフィリエイト広告を使用しています レスポンシブWebデザインでiPad向けにPC表示を見せるときの注意点 2016年4月9日 B! ※ この記事は2016年に作成したものです。記事内では当サイトで確認した表示不具合についての対処法を紹介していますが、当時はデスクトップファーストでスタイルシートを作成していました。その後、当サイトのスタイルシートは見た目を変えずにモバイルファーストで作り直しており、その際に記事内のテクニックは用いていません。 ※また、記事内にある「meta viewportを設定しない」に関しては、iPadOS13以降（2019年～）のSafariでは、それ以前とは挙動が異なり、デフォルトのサイト閲覧時（「デスクトップ用Webサイトを表示」がON）は「meta viewport」設定の有無に関わらず、ページは水平ス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
