Есть желание уменьшать размеры фото браузером в зависимости от разрешения пользователя.
Допустим выводим на странице фото шириной 1024px, и дабы не заставлять пользователя с меньшим разрешением пользоваться горизонатальным скроллингом, применяем следующий прием:
ставим нужным img стиль max-width:100%; height:auto.
Но с этой задачей не справляется IE8, если в теге img заданы width и height.
IE8 вместо пропорционального уменьшения картинки сжимает ее только по горизонтали. Если ширину и высоту img не задавать то масштабирование становится корректным.
Есть ли способ задать стили, чтобы заставить IE8 корректно масштабировать картинку при заданых width и height для стиля max-width:100%?
Примерно как-то так.
Оно?
Работающий пример во вложенном файле
136_img_resizerar.rar
Пожалуй, да, решение с JavaScript самое действенное.
Спасибо за код.
Т.е., насколько я понял, если заданы ширина и высота в аттрибутах, то ИЕ8 не справляется. А если в цсс задать width:auto и height:auto ?
Нет. width:auto ставит полный размер картинки и не масштабирует вообще.
странно.
пацаны на stackoverfow именно советуют width:auto для img. проверил — работает.