Как мне отредактировать загрузчик, чтобы он соответствовал экрану моего телефона?

Question

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

Это сайт: http://transparencia.camarajaboatao.pe.gov.br

Что я делаюнеправильно?

Answer 1

Не смотрел на источник, только что проверил его на моем андроиде, но если говорить о размере кнопок, вы можете изменить размер с помощью медиа-запросов.Подробнее здесь: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

Пример к вашему случаю: 1. Добавьте класс к нужным кнопкам.Давайте назовем это "кафтор".2. Добавьте в свой файл CSS:

@media screen and (max-width: 400px) {
  .kaftor { width: 45%; }
}

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

Здесь вы можете найти больше практических примеров: https://www.w3schools.com/css/css3_mediaqueries_ex.asp