問題タブ [responsiveness]

更新:これは、これまでのところ解決策に最も近いものです: http://jsfiddle.net/bfcr62yd/11/

次の問題が解けなくて困っています。つまり、残りの幅を埋めるために 1 つの要素が必要です。水平方向に積み重ねられた他のすべての要素は固定幅です。

UI には、固定の最小幅で水平方向に積み重ねる必要がある 5 つのラッパー要素があります。左側の 2 つの要素と右側の 2 つの要素の幅は固定されています。中央のラッパー要素の幅は、残りの幅を動的に埋める必要があります。中心要素には、固定幅が非常に大きい子要素があります。レスポンシブの親の幅が子の固定幅よりも小さい場合、子にoverflow-x: scroll（残りの幅を非表示にしてスクロールで表示）してもらいたいです。

これまでの私の試み: http://jsfiddle.net/bwgrwgnz/1/ http://jsfiddle.net/hycd4non/13/

2 つの要素だけで動作するこの単純な例を見つけました: http://jsfiddle.net/SpSjL/

注: これは意見に基づいた質問に見えるかもしれませんが、技術的な回答が必要です。

インターネット接続が不安定で、ほとんどの場合遅い国を対象としたアプリケーションを構築しています (約 1/2 Mbps と想定しています)。

ここヨーロッパでは、Meteor は非常に迅速なライブ更新により、ほとんど常に非常に優れたパフォーマンスを発揮します。ただし、レガシー ネットワーク (高遅延/不安定) でどのように機能するかはわかりません。

別の方法は、Django をフルスタック フレームワークとして使用することです。これは、私が理解している限り、リアルタイムではありません。

ご意見 (おそらく技術データに裏付けられたもの) は大歓迎です。

今解決できていない問題があります

SOのいくつかの回答でもvhユニットの使用を促進していますが、APPの後方互換性のため、私はそれを使用したくありません。

これは私のレイアウトCSSにあるものです

Bootstrap + sass + jadeでAngularJSを使用しています

私のレイアウトはこのモックアップのようになります：

中央に半透明のコンテナがある固定のボディ背景。コンテナーの下部には、ui-router を使用してビューを切り替える 2 つのナビゲーション ボタンがあります。

しかし、基本的には、ビューポートの高さに対してコンテナーの固定高さを設定し、モバイル デバイスまでさまざまな解像度で維持できるようにしたいと考えています。

アプリにナビゲーション ドロワーを実装しました。ただし、少し後で問題に気付きました.UI要素を追加すると、単に反応しません。

たとえば、editText ビューを選択してテキストを入力することはできません。さらに、ボタンは onClick メソッドを呼び出しません (onClickListener が添付されます)。ナビゲーション ドロワーは応答性が高く、正常に動作します。これは、Galaxy S3 I9300でどのように見えるかを示しています。

myTasks アクティビティのレイアウト ファイル (activity_my_tasks_topdrawer.xml) は次のとおりです。

そして myTasks アクティビティ自体:

NavigationDrawerFragment:

NavigationDrawerAdapter:

他に何か提供する必要がある場合は、お知らせください。

突然 (今日) 私のウェブサイトhttp://k-dushi.com/index.phpのすべてのスタイルシートが開発者ツール (Firefox) に表示されなくなりました。スタイルシートを読み込もうとしているようです (読み込みアイコンが回転し続けます)。また、ウェブサイトをレスポンシブにする一部のスタイルが正しく読み込まれていないようです。これを修正する方法を知っている人はいますか？私は非常に多くのことを試してきましたが、本当にアイデアがありません。

ありがとうございました！