html - 手机输入小

标签 html css

<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>

我有一个简单的页面,我不知道为什么输入这么小。如何最大化移动端的输入?

最佳答案

除了媒体,您还可以使用视口(viewport)来重新缩放网页

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

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

关于html - 手机输入小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41611540/

相关文章:

php - 将 html 代码写入 mysql 以解释数据库的表

html - 为 html(bluedict) 编辑 CSS

javascript - 类型错误 : Cannot read property '0' of undefined for an array already defined in google scripts

css - IE7 z-index/960gs多级菜单 "disappearing"bug

javascript - jQuery - 锁定滚动条并防止页面跳转到顶部?

javascript - 如何修复这个 X 按钮

javascript - 使用 Internet Explorer 双击复选框时出现问题

html - yii2 削减电子邮件中的 css 类

html - Outlook 2010 中行之间的额外间距

css - 如何选择第一个 child 不是表格的所有 div 元素