Отображение изображения на 50% от его «нативного» размера ⇐ CSS

[Anonymous]

Я помещаю метку IMG в документ, не зная ширины/высоты соответствующего изображения:

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

[img]/myimage.png[/img]
< /code>

Я хочу использовать CSS, чтобы масштабировать изображение до половины его «нативного» размера (размер базового изображения). Я не могу понять, как это сделать. < /P>


[*] Использование ширины: 50%< /code> по сравнению с содержащимся блоком, а не изображением. Преобразование: < /p>

-webkit-transform: scale(0.5);
< /code>

Это хорошо настраивает изображение, но не изменяет размер самого элемента изображения. 
 @radagaisus предлагает использовать JavaScript, который является хорошим отрывом. Однако это на сверхлегкой мобильной странице, поэтому я не могу использовать jQuery, и дело со всеми обработчиками Onload () вручную было бы болью. Потому что мне нужно обрабатывать дисплей сетчатки. Я могу обнаружить его, используя DevicePixelRatio 

и заполнить более крупные (2x) изображения, но мне нужно масштабировать их до 50%, чтобы выглядеть правильно на дисплее.

Подробнее здесь: https://stackoverflow.com/questions/769 ... ative-size