1

ASP.netWebフォームとMVCで作成されたWebページがあります。モバイルデバイスでアクセスできるようにしたいと考えています。誰かがこれを達成する方法についての良い参考資料を持っていますか？または、レスポンシブWebページを作成する方法に関する提案はありますか？

マスターページを2ページ作ることを考えていました。1つはモバイル用、もう1つはデスクトップ用ですが、もっと良い方法があると思います。

ご協力いただきありがとうございます！

4

5 に答える 5

6

必要なのはCSSメディアクエリと呼ばれるものです。基本的に、特定の画面サイズに対して異なるCSSルールを作成します。例えば

@media screen and (max-width: 700px) and (min-width: 520px) {
  body {
    background: red;
  }
}

ブラウザのウィンドウ/画面の幅が520pxより大きく700pxより小さい場合は常に、本体の背景が赤色に設定されます。

「CSSメディアクエリ」と「レスポンシブデザイン」をグーグルで検索してみてください。正しい方向を示します。

于 2012-12-14T21:58:58.633 に答える
2

古いブラウザ（IE7など）をサポートする必要があり、すべての可能なデバイスに適用されるマークアップとスタイルを送信したくないため、次のアプローチを使用しました...

この記事では、モバイルページをaspアプリケーションに追加する方法について説明します。

http://www.asp.net/whitepapers/add-mobile-pages-to-your-aspnet-web-forms-mvc-application

于 2012-12-14T23:36:53.030 に答える
1

@Slavenkoはあなたを正しい方向に向けました。メディアクエリを利用するレスポンシブデザイン用に構築された複数のフレームワークがあるという事実で締めくくりたいと思います。私が一番好きなのはTwitterBootstrapです

于 2012-12-14T23:44:53.613 に答える
0

私はCSSフレームワークまたはWebフォームでの代替レンダリングの使用をいじくり回してきましたが、サーバー側のコントロールの上にちょっとしたハックのように感じます。

Telerikは最近、ASP.NETWebフォームコントロールスイートに一連のレスポンシブ機能を追加しました。オンラインのデモはとても印象的です。これらのデモは次の場所にあります：http： //demos.telerik.com/response-web-design-aspnet/samples.aspx

于 2014-03-04T14:10:22.930 に答える
0

メインダイビングの幅を1200pxにすると、自動的にモバイルの責任になります

于 2016-01-31T23:57:55.037 に答える