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

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

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

и
html, body {
    overflow-x: hidden
  }

указаны.

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


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

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Настройка целей для фиксации в Яндекс Метрике
28 нояб. 2024, в 21:25
5000 руб./за проект
Разработка приложения VPN
28 нояб. 2024, в 18:46
3000 руб./за проект
Разработка Телеграм Бота
28 нояб. 2024, в 17:46
10000 руб./за проект
Ещё заказы