CSS стронет уменьшение IMG только на светлячок

У меня естьCSS стронет уменьшение IMG только на светлячок

.postImg { 
    text-align: center; 
} 

.postImg img { 
    max-width: 100%; 
}

Что на Chrome downscales изображения, когда окно разукрупненное, но не высококлассные изображений мимо это ширина. Какое я желаемое поведение.

Но на Firefox изображения не становятся масштабируемыми и остаются одинаковыми. Ширина посадки: 100%; там обеспечивает уменьшение масштаба Firefox, но увеличивает все меньшие изображения, чего я не хочу.

Должно быть, я пропустил что-то основное. И я не знаю размер изображения заранее.

источник

2013-06-27 Meltea

Какой элемент является .postImg? Не могли бы вы попытаться установить там 'width' или установить его на' display: block; ', чтобы узнать, не имеет значения? Можете ли вы поставить JSFiddle или подобное, чтобы продемонстрировать проблему? –

Работает для меня, когда я это делаю: http://jsfiddle.net/MrLister/J935P/1/ Является ли ваша настройка другой? –

Когда я копирую свой код в скрипке, он не работает, но есть так много вещей, я не могу понять, что винить – Meltea

Нашел, великий родитель .postLeft был

display: inline-block; 
*display: inline;

Что на самом деле ничего просто не нарушало изображения.

источник

2013-06-27 14:24:49 Meltea

CSS стронет уменьшение IMG только на светлячок

ответ

Смежные вопросы