Не подстраивается по размер экранов сайт
По какой то причине адаптивный сайт не хочет подстраиваться под размер разных экранов на 1900px и 1280px.
Вернее при размере экрана 1280px экран подстраивается под 1280px, но при размере экрана 1900px сайт так и остается 1280px и меняет размер на 1900px только когда я уменьшаю масштаб экрана с 100% на 50%.
А мне нужно, чтобы масштаб был 100% и размер сайта подходил под размер экрана. Как я могу это сделать?
style.css
@font-face {
font-family: 'ArialNarrow';
src: url('fonts/arialnarrow.ttf');
src: local('☺'), url('fonts/arialnarrow_bold.ttf') format('truetype'), url('fonts/arialnarrow_bolditalic.ttf') format('truetype'), url('fonts/arialnarrow_italic.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
*{
margin:0%;
padding: 0%;
width: 100%;
}
.body{
background-color: #040a18;
overflow: hidden;
position: absolute;
left: 0%;
background-repeat: no-repeat;
top: 0%;
width: 1280px;
height: 881px;
}
#avatar_4{
position: absolute;
left: 157px;
top: 360px;
width: 181px;
height: 188px;
opacity: 0;
}
#window_slide_contact_4{
border-width: 1.96px;
border-color: rgb(255, 255, 255);
border-style: solid;
border-radius: 10px;
position: absolute;
left: 108px;
top: 333px;
width: 276.08px;
height: 431.08px;
opacity: 0;
}
#header-name_4{
font-size: 41.667px;
font-family: "Arial";
color: rgb(255, 255, 255);
font-weight: bold;
line-height: 1.2;
text-align: center;
-moz-transform: matrix( 0.73248153068907,0,0,0.70835443759013,0,0);
-webkit-transform: matrix( 0.73248153068907,0,0,0.70835443759013,0,0);
-ms-transform: matrix( 0.73248153068907,0,0,0.70835443759013,0,0);
position: absolute;
left: 112.181px;
top: 558.254px;
width: 163.714px;
height: 30px;
opacity: 0;
}
#header-age_4{
font-size: 37.667px;
font-family: "Arial";
color: rgb(255, 255, 255);
line-height: 1.2;
text-align: center;
-moz-transform: matrix( 0.81146988346228,0,0,0.71149564564713,0,0);
-webkit-transform: matrix( 0.81146988346228,0,0,0.71149564564713,0,0);
-ms-transform: matrix( 0.81146988346228,0,0,0.71149564564713,0,0);
position: absolute;
left: 259.297px;
top: 560.75px;
width: 123.924px;
height: 30px;
opacity: 0;
}
#header-position_4{
font-size: 41.667px;
font-family: "Arial";
color: rgb(255, 255, 255);
text-decoration: underline;
line-height: 1.2;
text-align: center;
-moz-transform: matrix( 0.77653631284916,0,0,0.67536349261892,0,0);
-webkit-transform: matrix( 0.77653631284916,0,0,0.67536349261892,0,0);
-ms-transform: matrix( 0.77653631284916,0,0,0.67536349261892,0,0);
position: absolute;
left: 153.5px;
top: 623.994px;
width: 170.268px;
height: 40.498px;
opacity: 0;
}
#number-contact_4{
font-size: 41.667px;
font-family: "Arial";
color: rgb(255, 255, 255);
font-weight: bold;
line-height: 1.2;
text-align: center;
-moz-transform: matrix( 0.72882954382936,0,0,0.68891140009614,0,0);
-webkit-transform: matrix( 0.72882954382936,0,0,0.68891140009614,0,0);
-ms-transform: matrix( 0.72882954382936,0,0,0.68891140009614,0,0);
position: absolute;
left: 74.34px;
top: 701.754px;
width: 335.564px;
height: 38px;
opacity: 0;
}...
@media all and (min-width:1280px){
@font-face {
font-family: 'ArialNarrow';
src: url('fonts/arialnarrow.ttf');
src: local('☺'), url('fonts/arialnarrow_bold.ttf') format('truetype'), url('fonts/arialnarrow_bolditalic.ttf') format('truetype'), url('fonts/arialnarrow_italic.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
*{
margin:0%;
padding: 0%;
width: 100%;
}
.body{
background-color: #040a18;
overflow: hidden;
position: absolute;
left: 0%;
background-repeat: no-repeat;
top: 0%;
width: 1280px;
height: 881px;
}
#avatar_4{
position: absolute;
left: 157px;
top: 360px;
width: 181px;
height: 188px;
opacity: 0;
}
#window_slide_contact_4{
border-width: 1.96px;
border-color: rgb(255, 255, 255);
border-style: solid;
border-radius: 10px;
position: absolute;
left: 108px;
top: 333px;
width: 276.08px;
height: 431.08px;
opacity: 0;
}
#header-name_4{
font-size: 41.667px;
font-family: "Arial";
color: rgb(255, 255, 255);
font-weight: bold;
line-height: 1.2;
text-align: center;
-moz-transform: matrix( 0.73248153068907,0,0,0.70835443759013,0,0);
-webkit-transform: matrix( 0.73248153068907,0,0,0.70835443759013,0,0);
-ms-transform: matrix( 0.73248153068907,0,0,0.70835443759013,0,0);
position: absolute;
left: 112.181px;
top: 558.254px;
width: 163.714px;
height: 30px;
opacity: 0;
}
#header-age_4{
font-size: 37.667px;
font-family: "Arial";
color: rgb(255, 255, 255);
line-height: 1.2;
text-align: center;
-moz-transform: matrix( 0.81146988346228,0,0,0.71149564564713,0,0);
-webkit-transform: matrix( 0.81146988346228,0,0,0.71149564564713,0,0);
-ms-transform: matrix( 0.81146988346228,0,0,0.71149564564713,0,0);
position: absolute;
left: 259.297px;
top: 560.75px;
width: 123.924px;
height: 30px;
opacity: 0;
}
#header-position_4{
font-size: 41.667px;
font-family: "Arial";
color: rgb(255, 255, 255);
text-decoration: underline;
line-height: 1.2;
text-align: center;
-moz-transform: matrix( 0.77653631284916,0,0,0.67536349261892,0,0);
-webkit-transform: matrix( 0.77653631284916,0,0,0.67536349261892,0,0);
-ms-transform: matrix( 0.77653631284916,0,0,0.67536349261892,0,0);
position: absolute;
left: 153.5px;
top: 623.994px;
width: 170.268px;
height: 40.498px;
opacity: 0;
}
#number-contact_4{
font-size: 41.667px;
font-family: "Arial";
color: rgb(255, 255, 255);
font-weight: bold;
line-height: 1.2;
text-align: center;
-moz-transform: matrix( 0.72882954382936,0,0,0.68891140009614,0,0);
-webkit-transform: matrix( 0.72882954382936,0,0,0.68891140009614,0,0);
-ms-transform: matrix( 0.72882954382936,0,0,0.68891140009614,0,0);
position: absolute;
left: 74.34px;
top: 701.754px;
width: 335.564px;
height: 38px;
opacity: 0;
}...
@media all and (min-width:1900px){
@font-face {
font-family: 'ArialNarrow';
src: url('fonts/arialnarrow.ttf');
src: local('☺'), url('fonts/arialnarrow_bold.ttf') format('truetype'), url('fonts/arialnarrow_bolditalic.ttf') format('truetype'), url('fonts/arialnarrow_italic.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
*{
margin:0%;
padding: 0%;
width: 100%;
}
.body{
background-color: #040a18;
overflow: hidden;
position: absolute;
left: 0%;
background-repeat: no-repeat;
top: 0%;
width: 1900px;
height: 911px;
}
.sl4{
position: absolute;
left: 1182px;
}
.sl{
position: absolute;
left: -203px;
}
.control-about_company{
position: absolute;
left: 123px;
}
.slider_1{
position: absolute;
left: 0px;
}
.slider_2{
position: absolute;
left: 374px;
}
.slider_3{
position: absolute;
left: 747px;
}
#window_slide_services_4{
border-width: 1.96px;
border-color: rgb(255, 255, 255);
border-style: solid;
border-radius: 10px;
position: absolute;
left: 108px;
top: 397px;
width: 314.08px;
height: 435.08px;
opacity: 1;
}
#header-name-services_4{
font-size: 41.667px;
font-family: "Arial";
color: rgb(255, 255, 255);
font-weight: bold;
line-height: 1.2;
text-align: center;
-moz-transform: matrix( 0.73248153068907,0,0,0.70835443759013,0,0);
-webkit-transform: matrix( 0.73248153068907,0,0,0.70835443759013,0,0);
-ms-transform: matrix( 0.73248153068907,0,0,0.70835443759013,0,0);
position: absolute;
left: 176.181px;
top: 412.254px;
width: 163.714px;
height: 30px;
opacity: 1;
}
#questions_4{
font-size: 25px;
font-family: "Arial";
color: rgb(255, 255, 255);
font-weight: bold;
text-decoration: underline;
line-height: 1.2;
text-align: center;
-moz-transform: matrix( 0.75394518983926,0,0,1,0,0);
-webkit-transform: matrix( 0.75394518983926,0,0,1,0,0);
-ms-transform: matrix( 0.75394518983926,0,0,1,0,0);
position: absolute;
left: 79.771px;
top: 465.881px;
width: 372.388px;
height: 26.342px;
opacity: 1;
}
#description_4{
font-size: 21px;
font-family: "ArialNarrow";
color: rgb(255, 255, 255);
line-height: 1.2;
text-align: center;
position: absolute;
left: 145.163px;
top: 522.538px;
width: 238.672px;
height: 197.95px;
opacity: 1;
}
#data_4 {
font-size: 25px;
font-family: "Arial";
color: rgb(255, 255, 255);
font-weight: bold;
line-height: 1.2;
text-align: center;
-moz-transform: matrix( 0.87928116980973,0,0,0.93518987341772,0,0);
-webkit-transform: matrix( 0.87928116980973,0,0,0.93518987341772,0,0);
-ms-transform: matrix( 0.87928116980973,0,0,0.93518987341772,0,0);
position: absolute;
left: 173.903px;
top: 765.052px;
width: 185.57px;
height: 23px;
opacity: 1;
}
#text-button-addres_4{
font-size: 41.667px;
font-family: "Arial";
color: rgb(255, 255, 255);
font-weight: bold;
line-height: 1.2;
text-align: center;
-moz-transform: matrix( 0.59488485683186,0,0,0.6167719304428,0,0);
-webkit-transform: matrix( 0.59488485683186,0,0,0.6167719304428,0,0);
-ms-transform: matrix( 0.59488485683186,0,0,0.6167719304428,0,0);
position: absolute;
left: -59.258px;
top: 8.254px;
width: 380.486px;
height: 38px;
opacity: 1;
}
#button-addres_4{
border-width: 1.96px;
border-color: rgb(255, 255, 255);
border-style: solid;
border-radius: 10px;
position: absolute;
left: 881px;
top: 562px;
width: 259.08px;
height: 63.08px;
opacity: 1;
}
#number-services_4{
font-size: 41.667px;
font-family: "Arial";
color: rgb(255, 255, 255);
font-weight: bold;
line-height: 1.2;
text-align: center;
-moz-transform: matrix( 0.8352194287564,0,0,0.8060917230686,0,0);
-webkit-transform: matrix( 0.8352194287564,0,0,0.8060917230686,0,0);
-ms-transform: matrix( 0.8352194287564,0,0,0.8060917230686,0,0);
position: absolute;
left: 838.84px;
top: 676.254px;
width: 347.564px;
height: 38px;
opacity: 1;
}
#window_slide_4{
border-width: 1.96px;
border-color: rgb(255, 255, 255);
border-style: solid;
border-radius: 10px;
position: absolute;
left: 849px;
top: 223px;
width: 330.08px;
height: 528.08px;
opacity: 1;
}...