私のASP.NETデスクトップウェブサイトのレイアウトがモバイルデバイスで正しく表示されない

Question

私のASP.NETデスクトップウェブサイトは、デスクトップやラップトップでうまく動作しますが、レイアウトはモバイルデバイスで正しく調整されません。私は、HTMLのリンクでBootstrapを参照しようとしましたが、変更されません。自分のコンテンツフォルダにbootstrap.cssがあり、スクリプトフォルダにbootstrap.jsがあります。空のテンプレートを使ってプロジェクトを開始しました。任意のアドバイスをいただければ幸いです！ありがとうございました！

<meta charset="utf-8" /> 
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
<title>Your ASP.NET application</title> 
<link href="StyleSheet.css" rel="stylesheet" type="text/css" /> 

Answer 1

あなたは、ブートストラップ3は、モバイルデバイスに応答するように設計された3

ブートストラップを使用しました。モバイルファーストスタイルは、コアフレームワークの一部です。

要素内に次のタグを追加し、適切なレンダリングとタッチズームを確保するために：

幅=装置幅部分は、デバイスの画面幅に追従するページの幅を設定します（デバイスによって異なります）。

初期スケール= 1の部分は、ページがブラウザによって最初に読み込まれるときの初期ズームレベルを設定します。

Answer 2

ブートストラップCDN MaxCDNの方々は、ブートストラップのCSSとJavaScriptをCDNでサポートしています。これらのBootstrap CDNリンクを使用してください。