Как сделать автоматическое масштабирование сайта до определенного разрешения? ⇐ Html

[Anonymous]

Итак, я создал веб-сайт, который выглядит идеально только тогда, когда он увеличен до определенного размера в веб-браузере (нажатием Ctrl, +), и я хотел бы, чтобы он автоматически увеличивал или уменьшал масштаб, если разрешение на определенном компьютере отличается. Как бы я это сделал? Спасибо.

Код: Выделить всё

@charset "utf-8";

/* CSS Document */

body {
margin: 0;
padding: 0;
background-color: #DDDCDC;
overflow-y: hidden;
}
.container {
width: 1100px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
a {
font-family: Arial;
text-decoration: none;
color: black;
font-size: 15px;
}
ul {
list-style-type: none;
}
li {
display: inline;
padding: 10px;
}
.list {
position: relative;
float: right;
margin-top: 26px;
z-index: 21;
}
.listlih:hover {
color: #5D1CFF;
}
.listlia:hover {
color: #D78E24;
}
.listlip:hover {
color: #5060DF;
}
.listlic:hover {
color: #09C03A;
}
.listlig:hover {
color: #FF0004;
}
.myman {
position: relative;
width: 530px;
}
@font-face {
font-family: coopert;
src: url(fonts/fbsbltc.ttf);
}
span {
font-family: coopert;
}
#coopert {
position: absolute;
margin-left: 450px;
margin-top: 400px;
font-size: 55px;
z-index: 10;
}
.hoverheader:hover {
color: #D9972B;
}
#official {
position: absolute;
margin-left: 730px;
margin-top: 468px;
color: black;
font-size: 18px;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
.firstlistt {
position: absolute;
margin-left: 920px;
margin-top: 505px;
}
#fb2 {
width: 35px;
}
#insta2 {
width: 35px;
}
li.listtt {
display: inline;
padding: 5px;
}
.homebaby:hover {
background-color: transparent;
filter: grayscale(80%);
-webkit-filter: grayscale(80%);
}
.instababy:hover {
background-color: transparent;
filter: grayscale(80%);
-webkit-filter: grayscale(80%);
}
#aboutme {
position: relative;
font-family: Arial;
font-size: 60px;
}
#orangeback {
position: absolute;
width: 100%;
height: 100%;
background-color: #D78E24;
margin-top: -13px;
margin-left: -125px;
}

Код: Выделить всё

#
[*]





[list]
[url=#]
[b]HOME[/url]
[url=@]
Hey

[/url]
The Official Website of CT
[list]
[url=#]
[*]
[img]images/facebookcircle.png[/img]

[/url]
[url=#]
[*]
[img]images/instagramcircle.png[/img]

[/url]
[/list]
[img]images/jumper1.png[/img]

РЕДАКТИРОВАТЬ: Кроме того, я не знаю, отличается ли это на компьютерах разного размера, но я бы хотел, чтобы он автоматически настраивался под размеры при нажатии Ctrl + 5 раз при полном уменьшении масштаба.

Подробнее здесь: https://stackoverflow.com/questions/329 ... resolution