Показать сообщение отдельно
  #9 (permalink)  
Старый 13.11.2018, 18:04
Новичок на форуме
Отправить личное сообщение для serega_dgl Посмотреть профиль Найти все сообщения от serega_dgl
 
Регистрация: 04.11.2018
Сообщений: 4

Сообщение от Sigizmund20112 Посмотреть сообщение
Как вариант на javascript можно так сделать
<div id="wrapper"><img src="#" alt="Image"></div>

<script>
    var div = document.getElementById('wrapper');
    var img = div.querySelector('img');
    if (img.offsetWidth > div.offsetWidth) {
        img.style.width = div.offsetWidth + 'px';
    }
    if (img.offsetHeight > div.offsetHeight) {
        img.style.height = div.offsetHeight + 'px';
    }
</script>

В getComputedStyle() ширина или высота могут иметь значение "auto", а не пиксели.
может css без js хватит?
1
div img{
2
max-width: 100%;
3
max-height: 100%;
4
}
Ответить с цитированием