динамически изменять размер пользовательской формы [представить] с помощью CSS при изменении ширины / высоты браузера?

Question

динамически изменять размер пользовательской формы [представить] с помощью CSS при изменении ширины / высоты браузера?

0

Кажется легко динамически изменять размеры изображений с помощью CSS. Если я попробую сделать это с настраиваемой кнопкой отправки, кнопка отправки будет казаться очень маленькой.

<form>
    <input type="submit" name="submit" value="" id="submitID">
</form>

-

html{height:100%;}
body{height:100%; width:100%;}

#submitID{
  background:url(../images/button.png);
  max-width:100%;
  height:auto;
  background-repeat:no-repeat;
  border:none;
  cursor:pointer;
}

Jeroen de Beer 15 дек. 2013, в 17:02

Источник

Теги:

html

css

dynamic

resize

submit

1 ответ

Ещё вопросы

Matthew · Answer 1 · 2013-12-15T14-42-00.000Z

Ваше фоновое изображение CSS не будет растягиваться.

Как насчет КНОПКИ, содержащей тег IMG:

<button type="submit" name="submit" value="" id="submitID">
  <img src="" />
</button>

Затем вы можете управлять размером тега IMG.