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

Вопрос задан: 8 месяцев назад Последняя активность: 8 месяцев назад
up 0 down

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

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

Как будто все идет крошечным. Как я могу правильно сделать его отзывчивым? Спасибо!

Это настольная версия:

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

1 ответ

up 2 down accepted

Использовать метатег окна просмотра чтобы исправить эту проблему на мобильных устройствах.

<meta name="viewport" content="width=device-width, initial-scale=1">

Поместите это в <head> элемент в вашем index.html.

Атрибуты, представленные в content выше очень просто, так что если вы хотите добавить больше конфигураций, вы можете использовать другие атрибуты, указанные ниже.

Другие доступные атрибуты minimum-scale, maximum-scale,   а также user-scalable. Эти свойства влияют на начальный масштаб и   ширина, а также ограничение изменения уровня масштабирования.

Увидеть MDN документы для дополнительной информации.