WordPress может выровнять изображение на весь экран только на мобильном телефоне?

Question

Я использую блоки изображений Wordpress Gutenberg с выравниванием по ширине.В идеале, я бы хотел, чтобы они были мобильными (например, в стиле alignfull).Я попытался поиграть с удалением отступов и полей из всего, что я могу найти, но все равно получаю небольшое поле, если не удаляю все поля / отступы из div site-content (который также помещает текст напротив краев области просмотра.

образец страницы

Этот CSS не будет работать, но я не уверен, почему:

.site-content > *:not( .alignwide ):not( .alignfull ) {padding-left:20px; padding-right:20px;}

Answer 1

Я думаю, что это может быть лучшим подходом.В медиа-запросе с таргетингом на мобильные устройства вы хотите настроить таргетинг на класс .entry-content .alignwide, чтобы переопределить уже существующее.

Попробуйте:

.entry-content .alignwide {
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    position: relative;
    right: 50%;
    width: 100vw;
}