モバイルで小さい入力

-1

<html> 
    <body style="background-color:gray;"> 
     <div class="circular-portrait"> 
      <img src="http://cyd.ro/wp-content/uploads/2016/07/trump-1.jpg" /> 
     </div> 

     <div style="margin-left:auto;margin-right:auto;width:100%"> 
      <input style="width:100%;;margin-top:25%;font-size:1em;" type="file" accept="image/*" capture="camera"> 
     </div> 
    </body>  
</html>

私は単純なページを持っていますが、なぜ入力が小さいのか分かりません。モバイルでの入力を最大限にするにはどうすればよいですか？モバイルで小さい入力

出典

2017-01-12 Toodn1971

を再スケールするためにビューポートを使用することができます?? – RASG

@RASGは本当にいいえ – Toodn1971

CSSメディアクエリーを追加して、より小さいデバイスに特殊なスタイルを設定できます。ここでは簡単なチュートリアルを紹介します：http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

小さなデバイスでは、フォントサイズを大きく設定できます。

出典

2017-01-12 11:08:13

代わりのメディア、あなたはまた、あなたが本当にGoogleで何かを見つけることができなかったWebページ

<meta name="viewport" content="width=device-width, initial-scale=1.0">

http://www.w3schools.com/css/css_rwd_viewport.asp

出典

2017-01-12 11:55:34 Arngue

答えて

関連する問題