Мне нужно, чтобы сайт html / css / javascript был адаптивным.
Я много читал об использовании процентов вместо пикселей.Но дело в том, что я уже использовал 250+ пикселей в моем CSS.Есть ли способ исправить это, не меняя их все в процентах и не используя запрос @media?
Некоторые примеры моего кода:
.main-image {
height: 100px;
}
footer {
position: fixed;
height: 50px;
}
.dropdown-content {
list-style-type: upper-roman;
margin: 0;
padding: 40px;
}
nav a.admin_page {
float: right;
font-size: 1.5em;
padding: 14px 30px;
border: none;
}
.text {
color: #f2f2f2;
font-size: 20px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 50%;
margin-left: 300px;
text-align: center;
background-color: #80af2b;
}
Как видите, я использовал многоpx для разных.Есть ли простой способ это исправить?