Код для корректного отображения страницы на мобильном устройстве

#html #mobile #responsive-design

#HTML #Мобильный #адаптивный дизайн

Вопрос:

Я создал новый веб-сайт, и на моем ПК и Mac все в порядке, но когда я захожу на свой мобильный телефон, я вижу серую толстую вертикальную полосу в правой части экрана.

Я пробовал некоторые вещи из Интернета, но у меня ничего не получалось. Я ценю любую другую помощь в этом. Спасибо!

Комментарии:

1. Не могли бы вы указать код, нарушающий

Ответ №1:

Прежде всего, добавьте эту строку в тег HEAD:

 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=yes">
  

Я думаю, что толстая полоса — это граница, и добавьте этот код в свой css-файл (в начале)

 * {
    border: 0 none;
}
  

Кроме того, вы можете использовать Bootstrap для адаптивного дизайна