非常に幅が広く、約 3 ページの短い Web ページがあります。幅が広くて長いページは、携帯電話のブラウザーでは問題なく表示されますが、短いページは画面の半分以下しか表示されません。
とにかく、これらの 3 つのページのそれぞれに別のページを作成し、誰かが携帯電話を使用している場合にのみそれらを表示させることはできますか?
ありがとう
非常に幅が広く、約 3 ページの短い Web ページがあります。幅が広くて長いページは、携帯電話のブラウザーでは問題なく表示されますが、短いページは画面の半分以下しか表示されません。
とにかく、これらの 3 つのページのそれぞれに別のページを作成し、誰かが携帯電話を使用している場合にのみそれらを表示させることはできますか?
ありがとう
「レスポンシブデザイン」に加えて、「メディアクエリ」を調査する必要があります。これにより、CSSを調整し、CSSを表示する各デバイスの表示サイズに要素を合わせることができます。JavaScriptは必要ありません。
モバイルでメディアクエリを使用する方法
他の人が述べたように。メディア クエリを使用したレスポンシブ Web デザインが最適です。これらのサイトをチェックしてください。
http://www.alistapart.com/articles/responsive-web-design/ http://www.stuffandnonsense.co.uk/projects/320andup/
Google で「レスポンシブ デザイン」を検索すると、同じページをモバイル デバイスでは異なる方法で使用する方法についてのアドバイスがたくさんあります。
各ページでユーザー エージェント (Web ブラウザーとバージョン) を検出する JavaScript を挿入する必要があります。これを行う方法を説明するリンクは次のとおりです。
http://www.quirksmode.org/js/detect.html
それが完了したら、そのページの CSS ファイルをデバイスに適したものに交換するか、そのデバイス用の特別な HTML ページにリダイレクトします。