Я изменил размер этого (id = box1) ввода, но столкнулся с проблемой. Первоначально текстовое поле изменялось, но позже, когда я писал в нем слова, оно выглядело как бы не измененное.
HTML:
<div id="username">
<form>
<p>
<span>UserName:</span>
<input name="UserName" type="text" size="0" id="box1" >
</p>
</form>
</div>
css:
#username{
position:fixed;
top: 23px;
left: 709px;
right: 10%;
width: 280px;
height: 61px;
font-family: corbel;
border:medium;
border-color:black;
}
Задайте свой ввод и установите размер шрифта с помощью CSS:
#box1 {
font-size: 20px;
padding: 5px;
}
Вы можете проверить этот CodePen, чтобы увидеть рабочий пример.
Вот ваш ответ: http://css-tricks.com/viewport-sized-typography/
Используйте "vw".
И помните, что люди не будут изменять размер своего окна. Они будут загружать свое окно в фиксированном размере, а в некоторых случаях - пейзаж и портретный режим. Но люди не пересматривают свои экраны. Это то, что вы и я делаем, как веб-разработчики, чтобы проверить нашу шипение на экране.
Я использую "vw", и это работает как шарм.
Вы также можете использовать fittext.js ---> http://fittextjs.com/ Я не рекомендую его, так как вы можете использовать "vw", но эй вариант, который вы можете выбрать.
Ура,
Вы должны использовать:
font-size: 20pt;
например
font-size
css.