問題タブ [responsiveness]

応答性を確保するために、さまざまなデバイスでブートストラップ サイトをテストしてきました。ナビゲーションバーを除いて、さまざまな表示サイズに合わせてすべてのサイズを正しく変更しました。私のブラウザでは、ウィンドウを水平方向にサイズ変更すると、期待どおりにメニューが折りたたまれているように見えますが、モバイル デバイスでは、デスクトップまたはラップトップの全画面ウィンドウに表示されているかのようにナビゲーション バーが表示されます。私のnavbarのコードは次のとおりです。

nav 要素を div に変更して、それが成功しないかどうかを確認してみました。また、囲んでいるコンテナ クラス div を削除して、それがうまくいかないかどうかを確認しました。

サイトがあります。応答しません。たとえば、コンテナー/ボディの幅は 960 ピクセルです。ある種のFancyboxで開くポップアップウィンドウがあります（実際には-リモーダル）。ウィンドウとこのウィンドウのコンテンツはレスポンシブです。ただし、モバイルで開いた場合、サイトは静的で幅が 960 ピクセルであるため、ポップアップ ウィンドウは現在のスマートフォンの表示幅の CSS ルールを使用しません。メタ ビューポート タグ (またはその他のもの) を再定義して、サイトがレスポンシブであるとブラウザが認識し、レスポンシブ ポップアップを開くにはどうすればよいですか?

私は完全にレスポンシブなウェブサイトを持っていますが、スローガンURBAN FREE SPIRITの下に位置していない部分が1つあります（私は画像について話している）クラスコンテナ、クラスimg-responsiveを持たせようとしましたが、何もないようです仕事 ..

これが私のウェブサイトです。コピーペーストよりもインスペクターを確認する方が簡単だと思います

http://v1954132.caqoajqezbu9.demo42.volusion.com/

Outlook で画像を柔軟にするには?

などで試してみまし@media, width:100%, max-width:150pxたが、うまくいきません。

D3 を介して生成されたフォース ダイレクテッド グラフがありますが、これはレスポンシブ コードまたは見つけたバウンディング ボックス コードではうまく機能しません。私のすべての円の半径はさまざまであるため、何かがおかしいと思います...どんな助けも大歓迎です!

半径が同じではないために手動で間隔を空けないと、ノードが互いに衝突するため、線にカスタムの長さを使用する必要があります。

（コードを含むd3ページにリンクしないでください。試しましたが、これでうまくいくと思われる場合は、間違った場所に配置している可能性があります。画像も投稿しようとしましたが、知名度が足りない。）

レスポンシブ フォーム レイアウトにブートストラップを使用しています。ブートストラップ グリッド システム (col-xs-..、col-md-.. など) を介してレスポンシブ レイアウトを実現できます。

この問題はメディア クエリによるものです。フォーム レイアウトは、画面ビュー ポートの幅 (左ナビゲーションの幅 + フォーム コンテナーの幅) によって調整されます。そして、フォームコンテナの幅のみに基づいて応答性を調整しようとしています。このフォーム コンテナをモーダル ウィンドウで使用する場合、フォーム フィールドとラベルは、画面ビューポート全体ではなく、フォーム コンテナの幅で調整する必要があります。これに対する純粋な CSS ソリューションはありますか?

ご回答ありがとうございます...

HTML コード: 左ナビゲーション

テスト用の長いサイズのラベル:

CSS: