Используйте метатег viewport , чтобы исправить эту проблему на мобильных устройствах.
<meta name="viewport" content="width=device-width, initial-scale=1">
Поместите его внутрь элемента <head> в вашем index.html.
Атрибуты, указанные в content выше, очень просты, поэтому, если вы хотите добавить больше конфигураций, вы можете использовать другие атрибуты, указанные ниже.
Другие доступные атрибуты: minimum-scale, maximum-scale,
и user-scalable. Эти свойства влияют на начальный масштаб и
ширина, а также ограничение изменения уровня масштабирования.
См. MDN документы для получения дополнительной информации.