Как исправить ширину начальной загрузки навигационной панели на планшете

Question

Это то, что она выглядит на моем планшете:

Когда я инспектировать удаленно в хроме, я вижу, что ширина тела (600px) это не документ, устанавливаемый div с минимальной шириной: 1000px ;.

Как я могу получить загрузочный навигатор для заполнения полной ширины?

Вы можете получить доступ к веб-сайте suphearst.ca

Answer 1

раствор слишком прост

просто добавьте мин-ширина: 1000px; к телу

Answer 2

Мне кажется, что в вашем html-документе отсутствует метатег viewport. Он устранит вашу проблему и сделает документ после шкалы устройства.

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

Вы можете прочитать больше об этом here