ViewPortの設定について

  • 2018/5/29

タブレットでインターネットをする人がどんどん増えていっていますが、
いつもPCやスマホで見ていたサイトをタブレットで見たら表示がおかしい…ってことありませんか?

この記事ではタブレットでアクセスした時に表示をPCと同じにする設定について説明していきます。

そもそもなんでタブレットの表示がおかしくなるのかですが、いろんな要因があります。
・レスポンシブサイトだが、タブレットの幅に対応していない
・そもそもPCで見ることしか想定されていない 等々いろいろあります。
それを解決できる手段の一つとしてご紹介します。

UserAgentを用いてViewPortを切り替える。

閲覧する端末によってViewPortをJavaScriptで切り替えるというものです。 記述は以下のようになります。

UAでアクセスしている端末を判別して、headに書き込むViewPortの内容を変える処理です。

 

PCとスマホのレスポンシブを作るとき
あれ?タブレットは?ってなることが多いので、
特に注文がない場合はこれを入れて対応すればいいんじゃないかと思います。

 

是非ご活用ください。

 

この著者の最新の記事

ピックアップ記事

  1. MayaとBlenderは、映画やアニメーション制作の分野で広く使用されている競合するソフトウェア…
  2. SEO(検索エンジン最適化)とAIチャットボットの組み合わせは、オンラインビジネスにおいて重要な役…
  3. . htaccessファイルは、ウェブサイトのパフォーマンスとユーザーエクスペリエンスを向上させる…
  4. . htaccessファイルは、ウェブサーバーで重要な役割を果たすファイルの一つです。 このファイ…
  5. SEO(検索エンジン最適化)は、オンラインビジネスの成功において非常に重要な要素です。 しかし、多…

株式会社タスタスHP

ページ上部へ戻る