スマートフォンの画面を検出してウェブページを表示する方法

私はウェブページを作成しており、スマートフォン用のバージョンを作成したいと思います。これについての情報は見つかりましたが、max-widhtでのメディアクエリを使用しました。問題ユーザーがフルHD画面とスマートフォンでページを開いたときで、それは15.6" どのように私はスマートフォンの画面を検出してウェブページを表示する方法

おかげ

出典

2017-11-20 d3pod

おそらく、あなたのビューポートメタタグがヘッドセクションにありません。 –

メディアクエリで応答性の高いメタタグを使用する必要があります。そうすれば、ブラウザはデバイスピクセルではなくCSSピクセルを使用します。 – hungerstar

がを見てみましょう？この問題を解決することができますHTMLとノートブックのように、すべてのコンテンツを示していますW3Schoolsのでレスポンシブウェブデザイン：あなたが必要なものhttps://www.w3schools.com/html/html_responsive.asp

があなたのページの頭にメタビューポートタグを追加することで、ビューポートが応答することです：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

出典

2017-11-20 16:07:46

私は@StaXterに同意します。しかしIFできますが、私はバックエンドとフロントエンドの両方の機能を実装します。私が読んだことから、バックエンドのソリューションは時々失敗するかもしれません。そして、すべてのWeb開発者が知っているように、私の個人的な意見では、JSの失敗はあまり一般的になっていません。

しかし、疑問がない場合は、StaXterが言った解決策を使用してください。フロントエンドを使用している場所に追加できるのは、メタタグを使用していることだけです。https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

誰かがJSを無効にしたときにもメタタグがあります。 JSがないページ。

出典

2017-11-20 16:09:58

スマートフォンの画面を検出してウェブページを表示する方法

答えて

関連する問題