CODEWITHSUNDEEP
htmlcss
Toodn1971
Toodn1971

Reputation: 31

Input small on mobile

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

I have a simple page and I don't know why the input is so small. How can I maximize the input in mobile?

Upvotes: 1

Views: 1935

Answers (2)

Arngue
Arngue

Reputation: 235

Instead of media you can also use the viewport to rescale the webpage

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

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

Upvotes: 4

alurosu
alurosu

Reputation: 66

You can add CSS media queries and set special styles for smaller devices. Here's a quick tutorial: http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

You can set font-size bigger for smaller devices.

Upvotes: 2

Related Questions