Как я могу использовать кнопку «X» / «очистить» внутри поля ввода для инициализации / очистки в ADF / MAF?

Он хорошо работает с CSS.

Я прошел через те же проблемы и исправил это следующим образом.

Используйте фиксированный размер «px» для максимального размера с определенной шириной и выше. Затем для разных меньших ширины используйте относительный «vw» в процентах от экрана.

Ниже приведен результат: он настраивается на экранах ниже 960px, но сохраняет фиксированный размер выше. Просто напоминание, не забывайте добавлять в html-документ в заголовке:

<meta name="viewport" content="width=device-width">

Пример в CSS:

@media all and (min-width: 960px) {
h1{
    font-size: 50px;
  }
}

@media all and (max-width: 959px) and (min-width: 600px) {
h1{
    font-size: 5vw;
  }
}

@media all and (max-width: 599px) and (min-width: 50px) {
h1{
    font-size: 6vw;
  }
}

Надеюсь, это поможет!