Встраивание Shutterstock на сайт и адаптивная верстка?

Есть сайт Артхата
На страничке встроен виджет Shutterstock
Но он не адаптивный. Я сам вручную задаю ширину, и далее подгружается шатер на сайт с нужной версткой.

Код для встраивания
<div data-id="5df1f8b931ff45d80424a24c" style="position: relative; width: 960px; height: 1200px;" class="sstk_widget">
<script type="text/javascript">// <![CDATA[
window._wdata = window._wdata || [];_wdata.push({widget_id: '5df1f8b931ff45d80424a24c', cdn_prefix: '//d3qrz9uuaxc8ej.cloudfront.net', width: '960', height: '1200', src: '//widget.shutterstock.com/widget/5df1f8b931ff45d80424a24c', border: false, url: document.URL});(function () {if (typeof (widget) !== 'undefined') return;var nwjs = document.createElement('script'); nwjs.type = 'text/javascript'; nwjs.async = true;nwjs.id = 'widget_script';nwjs.src = '//widget.shutterstock.com/content/js/embed_widget.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(nwjs, s);})();
// ]]></script>
</div>

Как сделать из этого адаптив???
  • Вопрос задан
  • 68 просмотров
Решения вопроса 1
@kuzubina
Во первых не задавай фикс ширины, используй max-width: 960px; width: 100%;
У твоего скрипта который ты встраиваешь в разметку есть class="sstk_widget" от него можешь отталкиваться и определять стили для всех внутренних элементов чтобы не дублировать стили с основным сайтом (внутри этого iframe тоже есть класс header). А дальше только знание верстки и все получится joxi.ru/DmBq5MgHJXdZlr
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы