Попытка сделать «IMAGE» код для встраивания в CSS

Question

У меня есть код для вставки для одного изображения, взятого из архива изображений хоста. Я хочу прикрепить встраивание на свой сайт, чтобы никто не мог перетащить изображение и украсть его.

Проблема заключается в том, что она должна реагировать на высоту и ширину, а установленные значения встраивания делают это очень сложным.

Я изменил ширину на 100%, но, очевидно, она делает высоту нечувствительной - высота в настоящее время установлена ​​на уровне 1000. Я могу их вручную изменить, но она не соответствует всем устройствам.

мне нужно изображение, чтобы уменьшить кровей устройства я использую его и реагировать Если я сделать мой браузер больше или меньше

Вот код для вставки я помещал в мой CSS на Wordpress:

<iframe id="embed-frame-11855" style="border: 0px none;" src="(URL)" width="686" height="1000" scrolling="no" data-image-link="(URL)"></iframe> 

Answer 1

Если вы не хотите, чтобы украденная фотография была помещена в iframe, это не помешает. Источник iframe можно открыть в новом окне (или вкладке) с изображением.

С учетом сказанного, общая идея, что вы хотите здесь:

http://alistapart.com/article/creating-intrinsic-ratios-for-video/

Вы кладете IFRAME в содержащей DIV с соответствующей прокладкой на дне и установить ширину и высоту до 100% содержащего div. Помните, что ваш отступы - ваш рост в процентах от ширины. Например, если вы встраиваете изображения 4: 3, например, ваш padding-bottom будет 3/4 или 75%.