Я создаю отзывчивую тему WP для галереи изображений. Все работает нормально, когда реагирует на ширину. Я попытался установить размер экрана, который соответствует высоте, поскольку мои изображения обрезаются на небольших ноутбуках по 1200 x 800. Я пробовал несколько разных вещей, и все они делают то, что я хочу, чтобы они делали, но они меняют стиль для каждого размера экрана, а не только 1200 х 800.изображения, реагирующие на высоту
@viewport {
width: device-width;
}
/**
Small Desktop < 1200px */
@media screen and (max-width: 1200px) {
}
img {
height: 75%;
max-height: 650px;
width: 75%;
}
Я также попытался @media screen and (max-height: 700px)
, но результаты были идентичны.
Вы пытались установить ширину изображения внутри @media? @media ничего не сделает, если вы не установите селектора CSS внутри него. –
Вы пытались добавить его внутри экрана @media и (ширина: 1200 пикселей) и (высота: 800 пикселей) {} –
Вы также можете попробовать установить порт представления с помощью HTML. Я никогда не использовал порт просмотра CSS. Попробуйте это в своем заголовке: –