0

特定のビューを識別する方法を示すこの投稿http://www.asp.net/mvc/tutorials/mvc-4/aspnet-mvc-4-mobile-featuresに基づいています。

MVC4 は iPad による要求をモバイルとして識別しますが、モバイルではなくデスクトップとして認識されるようにしたいので、次のコードを使用しました。

DisplayModeProvider.Instance.Modes.Insert(0, new DefaultDisplayMode("")
{
    ContextCondition = (context => context.GetOverriddenUserAgent().IndexOf("iPad", StringComparison.OrdinalIgnoreCase) >= 0)
});

他に良い方法はありますか？

ありがとう

4

1 に答える 1

0

複数のデバイスで複数の画面解像度を処理する最善の方法は、Cascading Stylesheet を使用することです。レイアウトのバリエーションを実行する解像度を実際に指定できます。

また、Javascript を使用して最高潮に達することもできます。これにより、真に動的な解像度依存レイアウトを作成できます。その例はここにあります。

スタイルシートに対してMedia Query、またはViewport.

例は次のとおりです。

@media screen and (max-width: 980px) {

    #pagewrap {
        width: 95%;
    }

    #content {
        width: 60%;
        padding: 3% 4%;
    }

    #sidebar {
        width: 30%;
    }
    #sidebar .widget {
        padding: 8% 7%;
        margin-bottom: 10px;
    }

これにより、980px より小さい画面が表示され、ページが調整されます。

などについても、ここでいくつかの調整を見つけることができます。あなたが言及したその記事は、実際にはMedia Queriesandの使用も提案しViewportsています。

重要な注意点として、いくつかのモバイル デバイスでは解像度が向上しています。そのため、通常のデスクトップ サイトを正しく表示して処理しているように見えるかもしれませんが、多くの場合、そうではありません。たとえばhover effect、電話はシングルタップであるため、正しく機能しません。手がボタンの上にあるときはわかりません。多くの場合、タッチスクリーンはデスクトップ インターフェイスを正しく処理しません。設計中はそのことを念頭に置いてください。

うまくいけば、それが助けになるか、正しい方向にあなたを向けます.

于 2013-03-14T16:12:45.787 に答える