問題タブ [adaptive-design]

AngularJS でアダプティブ (レスポンシブではありません) レイアウトを処理するための推奨される方法は何ですか? 私がする必要があるのは、デスクトップとモバイル用に異なる共有コンポーネント (共有ディレクティブとコントローラー) を持つ別のレイアウトを持つことです。私は ui-router の使用を考えていましたが、これが私が今持っているものです:

index.html (メイン ファイル):

desktop.html (デスクトップ コンテンツのラッパー):

mobile.html (モバイル コンテンツのラッパー):

user.html (共有コンテンツ):

app.js

プレビューと編集:

http://plnkr.co/edit/gRnTJkMa7hTLnffOERMT?p=preview

1. これは、アダプティブ レイアウトを行うための推奨される方法ですか?

2. どうすれば（このアプローチで）：

   1. モバイル/デスクトップの選択に基づいて index.html にクラスを追加します
   2. mobile.css または desktop.css を動的に読み込む

よろしくお願いします、

グーグルで調べて、divを水平および垂直に自動センタリングするためのjQueryスクリプトを見つけました。

例とまったく同じように追加されましたが、1 つの理由により、div はページの読み込みによって中央に配置されず、ウィンドウのサイズ変更時にのみ追加されました。

リンク コードの例: http://demo.tutorialzine.com/2010/03/centering-div-vertically-and-horizo​​ntally /demo.html

デモの例: http://demo.tutorialzine.com/2010/03/centering-div-vertically-and-horizo​​ntally /3.html

私が作成したリンクはオンラインです (テスト): http://i333180.iris.fhict.nl/test/index.html

そして、source-center.js でわかるように、サンプル コードとまったく同じですが、ウィンドウのサイズが変更されたときにのみ中央に配置されます。ありがとう

私は ASP.NET MVC 5 を使用しています.mobile。いくつかの特定のシナリオでは、一連のビューをレンダリングします。

.mobileAndroid 上の Mozilla Firefox モバイル アプリが、レンダリングされたビューのバージョンを取得していないことに気付きました。これは、デバイスがモバイルであることを ASP.NET が検出していないようです。

ユーザー エージェント文字列は次のとおりです。

Mozilla/5.0 (Android; モバイル; rv:39.0) Gecko/39.0 Firefox/39.0

これを強制するためにモバイル検出をグローバルにオーバーライドする方法はありますか?

向きと画面サイズに応じて、1〜3列のGridLayoutがあります。各 GridLayout アイテムは、ImageView などを含む垂直方向の LinearLayout (TextViews を含む LinearLayout など) です。画像にはさまざまなサイズがあります。画像をトリミングするための簡単なアルゴリズムを作成しました。正常に動作する場合もありますが (ゆっくりスクロールする場合など)、結果がまったく表示されない場合もあります。高速スクロール中に項目が消えることがあります。SquareImageView は知っていますが、私の画像は正方形ではなく横長です。すべてのアイテムの画像の高さを 1 行に設定したい。

私の GridView は次のようになります。

setAdapter の後:

MainHelper.adjustImgHeights:

コードの何が問題になっていますか?

私は現在、WPFアプリケーションに取り組んでいます。Visual State Manager を にAdaptiveTrigger基づくとともに使用MinWindowWidthして、マークアップによってすべて定義および制御されるアダプティブ レイアウトを作成していますXAML。ViewModel から状態を作成または変更することはまったくありません。

いくつかの状態が定義されていますが、コード ビハインドからユーザーのウィンドウが現在どの状態にあるかを判断する方法があるC#かどうか疑問に思っています。

コード ビハインドからビジュアル ステートを作成および変更する方法を見てきましたが、Visual State Manager が完全にViewModel ではなく View です。

これを読んでくれてありがとう - 誰かがここで私を助けてくれることを本当に願っています. 私はアダプティブ サイト (レスポンシブではない) を持っており、このページでは:

http://www.findspace.co.uk/pages/3bed-student-accommodation-newcastle.html

div 'containerDDbeds' に適用されたボーダートップ スタイルに問題があります。境界線スタイルを使用して、プロパティ情報の各セット間に水平方向の罫線を追加しています。最初の 3 つは説明用です。iPhone では問題ないように見えますが、IE の Nokia Lumia 630 Windows phone では、この Browserstack エミュレーションに示されているように、ルールが重複しています (実際には境界線のある div 全体である可能性があります)。私は本当に各プロパティの写真の上にそれらを必要とするだけです. IE モバイル ビューのハックが必要なのだろうか? サイトのデスクトップ バージョンは問題ありません。これは単なるモバイル ビューです。どんな助けや指針も大いに受け取られるでしょう。アントニー

これは、モバイルCSSファイルのモバイルCSSへのリンクです

バナーの場合、同じページに表示される画像を配置する必要があります。私は開発者として本当に下手です - だから、私はこの方法を使います - しかし、実際、それはうまくいきません...

最も重要な部分 -

みんなありがとう ！ルドヴィク

私はこのようにしなければなりません。ワイド、ミドル、スモールスクリーン用 https://pp.vk.me/c629328/v629328337/21bd7/izp9QG8Qcg4.jpg

これが私のコードです