Как изменить размер слов в текстовом поле?

0

Я изменил размер этого (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;
}
  • 1
    Попробуйте свойство font-size css.
  • 0
    это изменилось, но мне нужно позиционировать его
Показать ещё 2 комментария
Теги:

3 ответа

1
Лучший ответ

Задайте свой ввод и установите размер шрифта с помощью CSS:

#box1 {
  font-size: 20px;
  padding: 5px;
}

Вы можете проверить этот CodePen, чтобы увидеть рабочий пример.

1

Вот ваш ответ: http://css-tricks.com/viewport-sized-typography/

Используйте "vw".

И помните, что люди не будут изменять размер своего окна. Они будут загружать свое окно в фиксированном размере, а в некоторых случаях - пейзаж и портретный режим. Но люди не пересматривают свои экраны. Это то, что вы и я делаем, как веб-разработчики, чтобы проверить нашу шипение на экране.

Я использую "vw", и это работает как шарм.

Вы также можете использовать fittext.js ---> http://fittextjs.com/ Я не рекомендую его, так как вы можете использовать "vw", но эй вариант, который вы можете выбрать.

Ура,

0

Вы должны использовать:

font-size: 20pt;

например

Ещё вопросы

Сообщество Overcoder
Наверх
Меню