c# - モバイルで画面を自動調整する方法

Question

私はJqueryMobileとC＃でモバイルWebサイトを開発しました。それは機能していますが、問題は、モバイルで実行したときに、画面が画面に合わせてフォームを自動的に調整しないことです。フォーム上のデータは画面から展開され、不要な水平スクロールを作成します。

水平スクロールが消え、フォームが画面に自動調整されるようにするにはどうすればよいですか。

Answer 1

@media CSSクエリを使用して、画面サイズが予想どおりに小さいモバイルブラウザをターゲットにします。

CSS：

 html,body { overflow-x: hidden; }

 @media (max-width: 700px) {
    // mobile-specific CSS goes here...
    html { font-size: 14px; }
 }