移动输入小

-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

回答

相关问题