У меня есть этот код, но изображение остается в оригинальном размере.img не изменяя размер в процентах, когда в div
<div style="margin: 10px; align: center;">
<img height="40%" src="data:image/jpeg;base64,{{ photo }}" />
</div>
Если я удаляю div, то он отлично меняет размеры.
Что мне нужно сделать, чтобы изменить размер даже внутри div?
Благодаря
Изображение предполагают, чтобы занять 40% размера вашего Div, но ваш ДИВ пуст и не определили размер, это означает, что по умолчанию размер вашего DIV будет установлен в auto (значение он будет изменяться в зависимости от контента). вот почему изображение не размер, сделайте следующее:
<div style="margin: 10px; align: center; width:500px; height:500px;">
<img height="40%" src="data:image/jpeg;base64,{{ photo }}" />
</div>
Вот демо:
<div style="margin: 10px; align: center; width:500px; height:500px;">
<img height="40%" src="http://www.cypresspa.com/images/img/home-1-bg-3.jpg" />
</div>спасибо - вы правы , Один вопрос, хотя, теперь у меня высота div 500 - когда я изменяю размер изображения, я остаюсь с огромным разрывом внизу? Как я могу удалить этот большой пробел? Спасибо – b85411
@ b85411 'height: 500px' был всего лишь примером, вы можете использовать любую нужную высоту. Чтобы избавиться от разрыва, вам нужно сделать размер изображения равным размеру div, например, если высота вашего div = 500 пикселей, ваша высота img также должна быть равна = 500px –
. Как я могу определить размер изображения? Я показываю изображения динамически, и я не знаю размеров, поскольку они могут быть портретами или пейзажами. Могу ли я определить из базы64, что такое размеры? – b85411
это изменение размера ... –