Мобильная версия сайта всегда открывается гораздо больше, чем экран

Question

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

Я пробовал:

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

Но ничего не работает. Пожалуйста, просмотрите источник на моем сайте и HTML по адресу:

http://directsellers.org/NeverTakeNo4Answer/LetsGo.html

и сказать, что мне нужно исправить. Благодарю.

Answer 1

Вам не хватает CSS для ответственного дизайна. Вам нужно настроить таргетинг на ширину устройства с помощью медиа-запросов и написать CSS для мобильных устройств и планшетов.

Пожалуйста, перейдите по приведенной ниже ссылке, чтобы получить представление об этом. http://www.zell-weekeat.com/how-to-write-mobile-first-css

Answer 2

Я столкнулся с проблемой, как вы. Таким образом, вы должны установить ширину html и body, а не в пикселях или пикселях, но в vw (ширина видового экрана). Например:

body, html { 
width: 100vw; 
min-width: 100vw; 
max-width: 100vw; 

overflow-x: hidden 
overflow-y: auto 
} 

Я сделал этот путь, и он работает.

Answer 3

Вы даете фиксированную ширину. просто дайте width:100%. для всех div и контента. он автоматически реагирует