В общем, общий вопрос, но у меня что-то не так в отношении окна моего сайта (https://huskybiz.com)). Я пытаюсь отформатировать его так, чтобы оно выглядело хорошо при любом размере окна просмотра. Проблема связана с мобильным форматированием.Я пытаюсь добавить стандартный метатег области просмотра
<meta charset="utf-8" name="viewport" content= "width=device-width, initial-scale=1.0, user-scalable=no">
Однако это приводит к тому, что только часть моего веб-сайта отображается на мобильном телефоне, а остальная часть уходит с экрана, как показано здесь:
На данный момент мое решение было сделать начальную шкалу = 0. Я знаю, когда начальная шкала = 1, нет начальной шкалы, поэтому я честно неЯ знаю, что значит иметь его равным, но он делает весь мой веб-сайт масштабируемым на мобильные устройства. Однако с этим исправлением, когда вы впервые загружаете веб-сайт, моя навигационная панель делает странные вещи, где она начинает с 1/2 ширины области просмотра перед быстрым отсечением.до 100%, как показано:
Кроме того, что у меня естьмой HTML и тело CSS, как это:
html,body {
margin: 0 auto;
padding: 0;
width: auto;
min-width: 800px;
max-width: 2000px;
height: auto;
min-height: 100%;
}
Две мои проблемы в том, что я не понимаю, почему начальная ширина не работает, когда она равна единице, когда я считаю, что это должно, и почему мое исправление делает мою навигациюэто отсечение.Минимальная ширина html 800 действительно для настольных компьютеров, когда люди пытаются масштабировать окно слишком узко, но это может быть частью проблемы, в противном случае моя навигационная панель исправлена, поэтому ее можно скрыть / показать во время прокрутки.Кажется, это тоже играет роль.В противном случае я в тупике.Спасибо за любую помощь.