Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   img width:100% - как сделать, чтобы картинку не увеличивало, а только уменьшало? (https://javascript.ru/forum/xhtml-html-css/54892-img-width-100%25-kak-sdelat-chtoby-kartinku-ne-uvelichivalo-tolko-umenshalo.html)

linki 05.04.2015 13:38

img width:100% - как сделать, чтобы картинку не увеличивало, а только уменьшало?
 
Есть картинки на странице. Размер неизвестен.

Сейчас стоит:
{width:100%; height:auto}

все отлично, если ширина страницы меньше размера картинки (картинка уменьшается), но когда ширина страницы больше картинки - картинку растягивает, что некрасиво.

Как сделать, чтобы картинку не увеличивало, а только уменьшало?
max-width:***px не поставить, т.к. размер картинок разный (200-570px) и неизвестен до загрузки.

hfts_rider 05.04.2015 22:40

А вместо "width:100%" поставить "max-width:100%" пробовал?

linki 06.04.2015 12:54

hfts_rider, да Вы большой молодец. Огромное спасибо.


Часовой пояс GMT +3, время: 21:47.