問題タブ [responsiveness]

Google Nexus 6 Android フォンのメディア クエリ幅とは何ですか。以下のメディアクエリを試しました

しかし、これはネクサス用ではありません。私は何度も試してみましたが、この電話の正確な幅を見つけることができません. 助けてください。

純粋なレスポンシブ HTML メーラーを作成しようとしていますが、メディア クエリがサポートされていない電子メール クライアントで問題に直面しています。

すべてのメーラーに以下のメタ タグを追加する:-

しかし、下記のサポートされていないメール クライアントでは、メール コンテンツを処理できません。
-Gmail アプリ (iOS + Android)
-Inbox by Gmail アプリ (iOS + Android)
-Gmail (Android ブラウザ)

他にどのようにこれを行うか、あなたの意見を共有してください。
前もって感謝します

この問題で頭が痛くて、どこから来ているのかわからない

基本的に私はこのサイトを作っています。OK、モバイルで試すまではすべて正常に動作しています。信じられないほど小さいです。私は他のサイトで同じ方法を使用して作業しましたが、これはまったく起こりませんでした.メタまたはメディアクエリを使用する必要はありませんでした.それはまだナビゲーションメニューだけです. そのため、クラス行で ul を使用し、col-sm-12 および col-md-4 で li を使用しているので、希望どおりに動作します。

それがPCビュー

それがモバイルビューです

すべてのサイズはレムとエムです。itens はモバイル時にスタックすることになっていますが、すべてが非常に小さいです。

デモ: https://jsfiddle.net/nnhfqL2L/2/

問題に関する多数の投稿を読みましたが、まだ解決策が見つかりません...だから、ここに私の新しい投稿があります。

私のドメインはすべて GoDaddy でホストされています。主な URL は helloguest.com.au です。helloguest.com.au/Heavenly_Hyamsにマスキングして転送するようにheavenlyhyams.com.auを設定しましたが、フレームが原因でモバイルでの応答性が失われます。

最終的な URL をマスクすることが重要なので、最善の解決策は何ですか?

マスキングせずにCNAMEを追加することで同じ結果が得られるという投稿を見ましたが、方法がわかりません。可能であれば、順を追って説明してください。

私が現在試みている 2 番目のオプションは、フレーム コードを制御することです。そのため、heavenlyhyams.com をアドオン ドメインとしてセットアップし、同じフレーム コードをインデックス ファイルに追加しました。フレームに応答性を追加する方法はいくつかあるようです。

上の画像に示されているように、ブートストラップの中間ビューに3つの列があります。

このタイプのビューを小さなビューで実現したいのは col-sm-*

私のコードは

このようにして、中程度のビューで目標を達成できますが、小さなビューでは達成できません。画像に示すように、両方のビューと中と小さなビューの両方を達成するにはどうすればよいですか。

私はこのhtmlコードを持っています:

携帯電話を除いて、これらの列を 2 つずつ新しい行に移動したいと思います。それは可能ですか？

ありがとう

それはレイアウトマスター向けです。

HTML5/CSS/JS を使用して背景画像を 3 つの異なる部分に分割したレスポンシブ レイアウトを作成するにはどうすればよいですか?

3 つの異なる画像があり、それらを結合して動的な背景を羊皮紙スタイルとして作成したいと考えています (添付の参照画像を参照してください)。したがって、固定ヘッダー、任意のサイズの HTML テキストを書き込むことができる動的な中間部分、および固定のトレーラー イメージを作成します。

ソリューションが背景、div、iframe などを使用するかどうかは関係ありません。このパズルを解決できる提案は大歓迎です!

乾杯、

デビッド