Как объединить эти медиа-запросы в одном?

Question

ОК, так что это глупый вопрос, и я темнеет или что-то в этом роде, но как я могу взять этот носитель и сделать так, чтобы он автоматически узнал размер экрана?

@media (max-width: 600px) { 
    .wm-booking-enduser-logo-bg { 
    max-width:600px; 
    } 
} 
@media (max-width: 500px) { 
    .wm-booking-enduser-logo-bg { 
    max-width:500px; 
    } 
} 
@media (max-width: 400px) { 
    .wm-booking-enduser-logo-bg { 
    max-width:400px; 
    } 
} 
@media (max-width: 300px) { 
    .wm-booking-enduser-logo-bg { 
    max-width:300px; 
    } 
} 
@media (max-width: 200px) { 
    .wm-booking-enduser-logo-bg { 
    max-width:200px; 
    } 
} 

Answer 1

Из того, что он выглядит, все, что вы хотите сделать, это .wm-booking-enduser-logo-bg расширить на всю ширину окна просмотра автоматически. Если этот элемент не является дочерним родительским элементом, который ограничивает размер, просто используйте следующее (без каких-либо запросов СМИ):

.wm-booking-enduser-logo-bg { 
    max-width: 100% 
} 

Добавить комментарий, если это не работает для вас.

Редактировать: Обратите внимание, что max-width отличается от width. Последний задает ширину явно (т.е..wm-booking-enduser-logo-bg всегда будет полной ширины). Первое означает, что «не растягивайте этот элемент за его обычный размер, но уменьшите его, если он станет больше размером».