1

Как преобразовать данный текст, что бы он сжимался на мобильных устройствах и планшетах?

.container1 {
  position: relative;
  max-width: 1170px;
  left: 40%;
  right: 60%;
  clear: both;
  margin-left: -50vw;
  margin-right: -50vw;
}

article {
  display: block;
}
<article class="container1">
  <h2>Lorem Ipsum</h2>
  <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
    dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
  </p>
</article>

2
  • а для чего для relative сделали left:40% и right:60% ?
    – user33274
    Commented 22 мая 2018 в 11:53
  • 1
    Смотрю и даже представления не имею чего хочет автор и что он пытался реализовать...
    – Air
    Commented 22 мая 2018 в 12:19

1 ответ 1

1

В теге head пропишите

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

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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