2016-12-23 7 views
1

私はASP.NETプロジェクトを持っています。私はデバイスがモバイルとして検出されたときに自動的にそのビューを変更したいですかdesktop.whatが利用可能な方法ですか?私は多くのtutos.Butを勉強しようといくつかの例projects.Andを提案してくださいそれを把握することができません。どのような体はそれを行うためにステップバイステップの方法を提案することができますか?デバイスごとに応答あなたのWebページを作るためのASP.NET:ウェブフォームをモバイルレスポンスにするには?

+1

ブートストラップと財団。 –

+0

ブラウザの盗聴は完全に信頼できません。 RWDメディアクエリを使用するか、Saadが提案したブートストラップとして使用します。 – IrishChieftain

+0

私は完全にASP.NET.evenに慣れています。私は**メディアクエリー**の最初のtime.soを聞いて誰もが明確にステップごとに説明することができますか? – Dee

答えて

0

- >は、最初にあなたのプロジェクトでは、ブートストラップを持っている必要があります。

- >あなたbootstap.cssファイル( - > CSS - > bootstap.css資産)にcontainerを持つことになります。

- >containerがdefault.like

によって宣言されたスクリーンタイプの異なる種類持つことになります。 - あなたは、これらのコンテナを使用する必要があります>

@media (min-width: 768px) { 
    .container { 
    width: 750px; 
    } 
} 
@media (min-width: 992px) { 
    .container { 
    width: 970px; 
    } 
} 
@media (min-width: 1200px) { 
    .container { 
    width: 1170px; 
    } 
} 
.container-fluid { 
    padding-right: 15px; 
    padding-left: 15px; 
    margin-right: auto; 
    margin-left: auto; 
} 

をあなたのcsファイル。asp.netには.aspxエクステンションファイル。

例:

<div class="below-slideshow" style="padding-bottom: 0px"> 
      <div class="container"> <!-- NOTICE HERE:inside div declare class as container/container-fluid--> 
       <div class="row"> 
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
        <div> 

          <h1 class="head-line">Dashboard</h1> 
        </div> 
        </div> 
        </div> 
      </div> 
     </div> 

- >は、コンテナとコンテナの流体についての詳細をお知りになりhttp://www.w3schools.com/bootstrap/bootstrap_get_started.asp

HAPPY CODING :-)あなたはCSS3メディアクエリやフレームワークなどを使用することができます

+0

@Deepa MG.Itありがとうございました – Dee

関連する問題