Я делал сайты и другие онлайн-проекты в течение нескольких лет, я начал путь назад, когда все было сделано в столах. На протяжении многих лет я смотрел, как все меняется, теперь я думаю, что лучшие веб-сайты - это те, которые действительно отзывчивы. Тем не менее, для меня всегда были ограничения, и, возможно, это уже сделано, но я не могу найти его.Есть ли способ сделать окончательный отзывчивый образ?
То, что я хотел бы видеть, это возможно, чтобы иметь некоторый код, даже если это JQuery, который по существу говорит что-то вроде:
img {
width: 100%;
max-width: **The ACTUAL image's width**;
}
Есть ли какая-то магия код или трюк, чтобы сделать веб-сайт сделать изображение I пост никогда не нарушает мою конструкцию (часть width: 100%;
, поэтому она также отзывчива), но если изображение, которое я загружаю, меньше ширины контейнера, чтобы никогда не превышать фактическую ширину самого изображения. Я знаю, что я мог бы установить определенную ширину на max-width
, чтобы заставить изображения изменять размер, но это тоже немного .. Хакерно для меня. Страница, которую я делаю сейчас, предназначена для Wordpress, и пользователь иногда просто загружает изображение с сообщением, я бы хотел, чтобы изображение было отзывчивым, но только отзывчивым с точки зрения сокращения, никогда не растущего. Итак, любой из вас, гениев, знает способ сделать это?
Спасибо!
переключатель его вокруг, просто использовать 'Max-ширина: 100%' затем, если контейнер меньше, чем изображение будет реагировать, но если это больше изображения, которое не будет –
Изображение никогда не будет больше, чем контейнер. max-width не указывает изображению, чтобы получить размер контейнера и изменить его размер. Для меня ваш вопрос не имеет смысла. Если изображение меньше его контейнера, оно заполнит его часть. Если он больше, он будет уменьшаться в сторону вниз. – designarti
Вы правы, я только что проверил эту конкретную теорию, и она отлично работает. Извините, я явно не исследовал это. –