Как исправить сдвиг макета для адаптивных изображений, в которых используются элементы изображения и исходного HTML? ⇐ CSS

[Anonymous]

Проблема, с которой я столкнулся при работе с элементом , заключается в том, что, несмотря на предоставление атрибутов ширины и высоты как для , так и для изображения В качестве альтернативы все еще существует существенный сдвиг макета, который, я считаю, связан с тем, что я предоставил изображения с несколькими размерами (и поскольку между ними существует существенная разница в размерах).

Упрощенный пример для иллюстрации:

Код: Выделить всё

[img]images/vila-demo-300.jpg[/img]

Я ожидаю, что это будет работать так же, как указание внутреннего размера изображения в виде значения атрибутов width и height работает с < img>, который поможет браузерам правильно выделить пространство для изображения, которое будет отображаться, даже если вы позже используете CSS для изменения размера изображения.

Однако это не работает с тегом , и я хочу знать, есть ли какие-либо обходные пути.


Подробнее здесь: https://stackoverflow.com/questions/783 ... ource-html