移動輸入小

-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

相反的媒體，您還可以使用視重新調節網頁

<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

回答

相關問題