Я создаю адаптивный сайт, и в настоящее время я делаю несколько медиа -запросов. Я пишу их, как иду, например: < /p>
.status-reply-disabled {
color: #B1B1B1;
font-size: 14px;
margin-top: 10px;
position: absolute;
margin-left: 65px;
}
@media screen and (max-width: 600px) {
.status-reply-disabled {
font-size: 10px;
margin-left: 35px;
}
}
< /code>
Тогда чуть позже у меня будет что -то подобное: < /p>
.status-reply-avatar {
border: 1px solid #d8d8d8;
width: 45px;
border-radius: 50%;
position: absolute;
}
@media screen and (max-width: 600px) {
.status-reply-avatar {
display:none;
}
}
< /code>
Было бы лучше для времени обработки, чтобы все медиа -запросы, скажем, 600px в одном большом запросе? Как это: < /p>
@media screen and (max-width: 600px) {
.status-reply-avatar {
display:none;
}
.status-reply-disabled {
font-size: 10px;
margin-left: 35px;
}
...
All other styles for this width
...
}
< /code>
или то, что у меня все хорошо? < /p>
Подробнее здесь: https://stackoverflow.com/questions/453 ... -different
