Как изменить размер input в css

Размер текста внутри кнопки

Можете задавать размер текста в единицах vw . Например: font-size:1.4vw; . Но учтите, что на мобильных устройствах текст может быть слишком мелким, а на больших экранах — слишком большим.

15 дек 2016 в 11:48
@Pyramidhead Спасибо, помогло!
15 дек 2016 в 11:56
@Pyramidhead Создайте ответ на основе комментария, раз автору вопроса это помогло.
15 дек 2016 в 12:34

1 ответ 1

Сортировка: Сброс на вариант по умолчанию

Можете задавать размер текста в единицах vw (1vw = 1% от ширины окна). Например: font-size:1.4vw; .

Но учтите, что на мобильных устройствах текст может быть слишком мелким, а на больших экранах — слишком большим.

Отслеживать
ответ дан 15 дек 2016 в 13:03
Pyramidhead Pyramidhead
2,178 12 12 серебряных знаков 17 17 бронзовых знаков

html
css

Важное на Мете

Подписаться на ленту

Лента вопроса

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Как установить ширину input в зависимости от количества свободного места

Мне необходимо установить ширину input по такой формуле: 100% — ширину левого блока — 10пикс. отступ. Так как ширина левого блока всегда разная в зависимости от текста, я не понимаю, как можно отследить ширину. П.С. ясное дело что можно с помощью js, но меня этот вариант не устроит. Интересует решение на чистом css.

Отслеживать

332 2 2 серебряных знака 13 13 бронзовых знаков

задан 17 мар 2017 в 15:01

685 1 1 золотой знак 11 11 серебряных знаков 28 28 бронзовых знаков

отследить ширину никак нельзя. Если вы хотите в 1 строку текст и инпут рядом, то советую использовать флексбокс

17 мар 2017 в 15:09

да, мне нужно именно так как вы описали. текст в строку и инпут рядом и все это в div 100%.

Как установить ширину текстового поля в пикселах?

Задать ширину текстового поля в пикселах через стили.

Решение

Ширина текстового поля, создаваемого с помощью тега , определяется стилевым свойством width , значение которого можно устанавливать в пикселах, процентах или других допустимых единицах, как показано в примере 1.

Пример 1. Ширина поля

HTML5 CSS 2.1 IE Cr Op Sa Fx

    Ширина текстового поля    Введите ваше имя:

Результат данного примера показан ниже.

Рис. 1

Рис. 1. Текстовое поле с фиксированной шириной

В данном примере задана ширина поля в пикселах путем добавления свойства width к идентификатору поля user .

Заметьте, что ширина поля также определена с помощью атрибута size тега , но в случае применения стилей этот параметр игнорируется.

HTML по теме

CSS по теме

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.