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
    22 мая 2018 в 11:53
  • 1
    Смотрю и даже представления не имею чего хочет автор и что он пытался реализовать...
    – Air
    22 мая 2018 в 12:19

1 ответ 1

1

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

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

Ваш ответ

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

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