Как сделать так чтобы, сайт не адаптировался к разным мониторам устройств, а оставался таким как есть, и на пк, и на телефоне.В интернете смотрел, не понял нифига, мучаюсь из-за этого 2 дня. Пожалуйста помогите.
Вот сам код сайта -
Код:
<html>
<head><title>Сделать все хорошо</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="style.css" rel="stylesheet">
<meta charset="UTF-8" /><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-3904889920069486",
enable_page_level_ads: true
});
</script> </head>
<body id="content" style="background:url('img/aaa.jpg');max-width:200px;min-width:1000px;">
<style>
#h {
width: 350px;
height: 15px;
position: absolute;
left: 50%;
}
#cssload-border {
border: 3px solid rgb(34,34,34);
height: 100%;
width: 100%;
position: relative;
left: -50%;
top: -50%;
padding: 4px 3px;
}
#cssload-whitespace {
overflow: hidden;
height: 100%;
width: 100%;
margin: 0 auto;
overflow: hidden;
position: relative;
background:;
}
#az {
position: absolute;
height: 100%;
width: 100%;
background-color: black;
}
@keyframes hss { from {height:99%;} to {height:100%;} }
@keyframes as {
0% {
left: -100%;
}
100% {
left: 0px;
}
}
@keyframes txx { from {opacity:1;} to {opacity:0;} }
@keyframes txxx { from {opacity:0;} to {opacity:1;} }
</style>
<script>
function azasss() {
var l = document.getElementById('tx1');
l.style.display = 'block';
l.style.animation = 'txx 2s ease 0s 1 normal';
l.style.animationFillMode = 'forwards';
var elem = document.getElementById('azai');
elem.style.display = 'none'
var z = document.getElementById('h');
z.style.display = 'block';
var s = document.getElementById('az');
s.style.animation = 'as 17s steps(40) 1';
var v = document.getElementById('tx2');
v.style.display = 'block';
v.style.animation = 'txxx 2s ease 2s 1 normal,txx 2s ease 4s 1 normal';
v.style.animationFillMode = 'forwards';
var q = document.getElementById('tx3');
q.style.display = 'block';
q.style.animation = 'txxx 2s ease 6s 1 normal,txx 2s ease 8s 1 normal';
q.style.animationFillMode = 'forwards';
var u = document.getElementById('tx4');
u.style.display = 'block';
u.style.animation = 'txxx 4s ease 10s 1 normal,txx 2s ease 12s 1 normal';
u.style.animationFillMode = 'forwards';
var m = document.getElementById('tx5');
m.style.display = 'block';
m.style.animation = 'txxx 4s ease 14s 1 normal,txx 2s ease 16s 1 normal';
m.style.animationFillMode = 'forwards';
var m = document.getElementById('tx6');
m.style.display = 'block';
m.style.animation = 'txxx 1s ease 18s 1 normal';
m.style.animationFillMode = 'forwards';
}
</script>
<div id="h" style="top:530px;left:915px;position:fixed;display:none; ">
<div id="cssload-border" >
<div id="cssload-whitespace">
<div id="az">
</div>
</div>
</div>
</div>
<span style="white-space:pre-wrap;position:fixed;opacity:0;top:493px;left:820px;color:black;font-weight:bolder;" id="tx2">Убираем домашние проблемы...</span>
<span style="display:none;position:fixed;top:495px;left:850px;color:black;font-weight:bolder;" id="tx1">Делаеться все хорошо...</span>
<span style="display:none;position:fixed;top:495px;left:830px;opacity:0;color:black;font-weight:bolder;" id="tx3">Убираем школьные проблемы...</span>
<span style="display:none;position:fixed;top:495px;left:850px;opacity:0;color:black;font-weight:bolder;" id="tx4">Даем вам 1M...</span>
<span style="display:none;position:fixed;top:495px;left:800px;opacity:0;color:black;font-weight:bolder;" id="tx5">Дарим вам Яхту FERRETTI YACHTS 450 </span>
<span style="display:none;position:fixed;top:300px;opacity:0;left:535px;font-size:font-weight:bolder;font-size:60px;" id="tx6">Готово! Все сделано хорошо.</span>
</body>
</html>