Есть проект, в нём нет адаптивной версии и нужно сделать чтобы по умолчанию сайт на мобильных открывался полностью во весь экран, хоть текст и кнопки нужно будет зумировать и тд но вот нужно сделать так.
Выставляю стили для body, но открываю на мобильном и сайт открывается не так как надо, ниже прикреплю 2 картинки как нужно и как сейчас.
html {
min-width: 1280px;
}
body {
margin: 0;
min-width: 1280px;
font-size: 14px;
text-align: center;
color: #000000;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
}
body * {
box-sizing: border-box;
}
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>default title</title>
<meta content="" name="description">
<meta content="" name="keywords">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--[if (gt IE 9)|!(IE)]><!-->
<link href="static/css/main.css" rel="stylesheet" type="text/css">
<!--<![endif]-->
<meta property="og:title" content="" />
<meta property="og:url" content="" />
<meta property="og:description" content="" />
<meta property="og:image" content="" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="300" />
<meta property="twitter:description" content="" />
<link rel="image_src" href="" />
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Fira+Sans+Condensed:100,200,300,400,500,600,700&subset=cyrillic" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=cyrillic" rel="stylesheet">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
</head>
Изображения, как сейчас открывается и как нужно, чтобы открывался, устройство iphone 5s
PS: Правильное отображение можно получить только зумированием сайта
<meta name="viewport" content="width=device-width, initial-scale=1">
вhead
добавьте