私はサイトを構築し、モバイルレスポンスにしたいと考えています。レスポンシブデザインのウェブサイトを作成するにはどうすればよいですか?
ChromeやFirefoxでは動作しますが、モバイルでは動作しません。
デスクトップブラウザでは正しく動作していますが、モバイルでは動作していませんが、Inspectでテストしました。
どうすればこの問題を解決できますか?
私はサイトを構築し、モバイルレスポンスにしたいと考えています。レスポンシブデザインのウェブサイトを作成するにはどうすればよいですか?
ChromeやFirefoxでは動作しますが、モバイルでは動作しません。
デスクトップブラウザでは正しく動作していますが、モバイルでは動作していませんが、Inspectでテストしました。
どうすればこの問題を解決できますか?
最初に、ビューポートをHTMLページに追加する必要があります。このヘッドタグ内
タイプ:
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
その後は、私は個人的にあなたがbootstrap.css
ファイルをリンクしている場合、それはより良いことだと思います。 CSSのメディア画面を次のように使用することをお勧めします。
@media screen and (max-width: 800) { /* The CSS codes when the device is less than 800 go here */ }
少なくとも私のやり方です。
あなたは、私がYouTubeで見たビデオをダウンロードしたり、見ることができます。私はそれが名前かリンクであることを覚えていないが、その長さは1時間以上で、男はジムウェブサイトのウェブページを作っていた。
あなたの質問は非常に幅広いです。レスポンシブサイトの設計には多くの方法がありますが、StackOverflowの目的は、非常に構造化された特定の問題や質問に対する具体的かつ具体的な回答を提供することです。あなたが試したことを分かち合うことができますか?それはうまくいきませんか? – GMchris
ブラウザの幅を320pxに変更すると、デスクトップ上で完全に機能しました。しかし、モバイルで正しく動作していない。これをどうすれば解決できますか?ブラウザがモバイルブラウザに持っている要素を調べるようなツールはありますか? – Guru
もう一度、それを見たり、説明しなくても、何が「壊れている」と言うのは難しいです。できれば、jsfiddleを投稿してください。 – GMchris