Небольшой ввод на мобильном телефоне

-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

вы на самом деле не мог найти что-нибудь на Google ?? – 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

Небольшой ввод на мобильном телефоне

ответ

Смежные вопросы