0

У меня есть <div> блоки, которые обязательно должны иметь фиксированную ширину. Я пытаюсь подстроить дизайн под iphone 5, я знаю ширину экрана мобильного браузера и делаю блок ширины под него, но он сильно уменьшается в мобильном браузере, как будто запускается под разрешение ПК и остается белый кусок справа. Как можно сделать так, чтобы блок на телефоне был во всю ширину экрана и в ПК версии он имел такую же ширину, как и в мобильной?

div{
  background:  red;
  height:  50px;
  width:  300px;
}
<div>Внутренности блока</div>

1 ответ 1

3

Вам надо в head'e прописать строку:

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

Тогда на мобильных устройствах всё будет ок.

3
  • Спасиб большое!
    – NTP
    7 авг 2017 в 9:38
  • если ответ Вам помог, отметьте его галкой 7 авг 2017 в 9:40
  • Конечно, после прохождения временного запрета на принятие :)
    – NTP
    7 авг 2017 в 9:41

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.