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

Программисты Html
Ответить
Anonymous
 Как сделать веб-сайт авто-зом для конкретного разрешения?

Сообщение 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;
}< /code>





#
[*]





  • HOME


    Hey


    The Official Website of CT

    Изображение




    < /code>
    < /div>
    < /div>
    < /p>

    Редактировать: также я не знаю, отличается ли это на компьютерах разного размера, но я хотел бы автозаправить, когда вы нажимаете на Ctrl, + 5 раз, когда он полностью растет.>

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

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»