Задать вопрос
@MarkTanashchuk
html

Как при загрузке сайта с телефона подгонять его под размер экрана?

При открытии сайта с телефона он открывается немного увеличенным, хотя
<meta name="viewport" content="width=device-width, initial-scale=1">

и
html, body {
    overflow-x: hidden
  }

указаны.

В чем проблема и как можно открывать сайт уменьшая его до 100% ширины body, чтобы не надо было уменьшать после открытия сайта?
  • Вопрос задан
  • 372 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 2
@Anonimmus
в css 
@media (min-width: 544px) {
прописывать стили для андроида
}
,
Или использовать сетки бутстрап на будущее
Ответ написан
2 комментария
2 комментария
Raxen
@Raxen
Lead Frontend Developer, Beeline
Мобилки игнорируют overflow в body и html, поэтому вам нужно навесить overflow-x на контейнер, где выезжает блок за край. Например у вас есть такая структура
<html>
<head></head>
<body>
  <head></head>
  <div id="container">
    ...
  </div>
</body>


И вот в контейнере, например, какие-то элементы вылезают за ширину, вешайте на контейнер оверфлоу.
Если указывать правильно размеры, то overflow может и не понадобится
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Разработка дизайна для мобильного приложения
25 апр. 2024, в 18:47
2795100 руб./за проект
Ищем программиста для поддержки сайта на PHP Laravel/Symfony
25 апр. 2024, в 18:36
10000 руб./за проект
Доработка мобильного приложения React Native iOS/Android
25 апр. 2024, в 18:32
50000 руб./за проект
Ещё заказы