Настройка адаптива сайта [закрыт]

240

17 марта 2019, 15:20

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

Answer 1

Используйте правило @media

@media (min-width: 1200px){}

Answer 2

Не знаю если есть у Вас в head <meta name="viewport" content="width=device-width, initial-scale=1"> такой тег. Если нет то добавьте. А дальше уже работа с media-queries

.container { 
  margin:0 auto; 
  max-width: 1200px; 
   
} 
@media (max-width: 1200px){ 
  .container { 
  max-width: 1000px; 
   
} 
}

<!DOCTYPE html> 
<html> 
<head> 
  <meta charset="utf-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <title>JS Bin</title> 
</head> 
<body> 
<div class="container"> 
  <div class="item"> 
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos nihil, eveniet a cum ex dolorem. Architecto saepe, nulla, ipsum voluptatum maxime nisi porro quia vel deleniti. Aperiam nam, deleniti eos. 
  </div> 
</div>  
   
</body> 
</html>