ViewPortの設定について
- 2018/5/29
- HTML
- javascript
タブレットでインターネットをする人がどんどん増えていっていますが、
いつもPCやスマホで見ていたサイトをタブレットで見たら表示がおかしい…ってことありませんか？
この記事ではタブレットでアクセスした時に表示をPCと同じにする設定について説明していきます。
そもそもなんでタブレットの表示がおかしくなるのかですが、いろんな要因があります。
･レスポンシブサイトだが、タブレットの幅に対応していない
･そもそもPCで見ることしか想定されていない 等々いろいろあります。
それを解決できる手段の一つとしてご紹介します。
UserAgentを用いてViewPortを切り替える。
閲覧する端末によってViewPortをJavaScriptで切り替えるというものです。 記述は以下のようになります。
UAでアクセスしている端末を判別して、headに書き込むViewPortの内容を変える処理です。
PCとスマホのレスポンシブを作るとき
あれ？タブレットは？ってなることが多いので、
特に注文がない場合はこれを入れて対応すればいいんじゃないかと思います。
是非ご活用ください。
この著者の最新の記事
ピックアップ記事
-
2023/6/30
MayaとBlenderの競合についてMayaとBlenderは、映画やアニメーション制作の分野で広く使用されている競合するソフトウェア… -
2023/6/29
SEOとAIチャットボット：自動応答と検索エンジンの相互作用の最適化SEO（検索エンジン最適化）とAIチャットボットの組み合わせは、オンラインビジネスにおいて重要な役… -
2023/6/29
.htaccessファイルを活用したキャッシュ制御とパフォーマンスの最適化. htaccessファイルは、ウェブサイトのパフォーマンスとユーザーエクスペリエンスを向上させる… -
2023/6/29
.htaccessファイルを使ったIP制限とアクセス制御の方法. htaccessファイルは、ウェブサーバーで重要な役割を果たすファイルの一つです。 このファイ… -
SEO（検索エンジン最適化）は、オンラインビジネスの成功において非常に重要な要素です。 しかし、多…
