How to make text and text fields more on mobile sites

Question

I am new to mobile site development, and I have a problem where text and text fields and dropdownlists appear too little on the screen. What is the right way to make them bigger?

Thank.

Answer 1

I think this is what I wanted

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

This sets the width for the width of the device, so that when loading the page and its elements become larger.

Answer 2

, , , 480 (, iPhone), . .

@media (max-width:480px) { /* change depending on the mobiles you're targeting */
    input, select { /* add further tags here according to your needs */
        height:300px;
        width:300px
    }
}