Div и изображения не реагируют
Веб-сайт: showdeal.in у меня есть статический баннер от snapdeal, но баннер выбегает из своей контейнерной коробки. Статический баннер-это javascript с фиксированной высотой и шириной, упомянутыми в нем. Вот код:
<div class="col-lg-4 col-md-4"> <div class="panel panel-primary"> <div class="panel-heading">TITLE</div> <div class="panel-body"> <div data-SDID="someidhere" data-identifier="SnapdealAffiliateAds" data-height="auto" data-width="auto" > </div><script async id="snap_zxcvbnhg" src="https://affiliate-ads.snapdeal.com/affiliate/js/snapdealAffiliate.js"></script> </div> </div> </div>
Я использовал следующий jquery в разделе head (также попробовал его после body), чтобы добавить адаптивные классы к изображению, которое я получаю от snapdeal:
<script> $(document).ready(function() { $("img").addClass("img"); $("img").addClass("img-responsive"); }); </script>
но никаких чудес. Пожалуйста помочь.
Что я уже пробовал:
статическая ширина изображения, автоматическая ширина и автоматическая высота изображения и отзывчивость изображения.
На самом деле вид в мобильном телефоне прекрасный, но на ноутбуке плитки выходят из контейнера. Я попробовал auto вместо fix width, но это не сработало, потому что скрипт переопределяет размеры во время выполнения. пожалуйста, смотрите вид-источник showdeal.in для визуализированного результата.
Suvendu Shekhar Giri
Может разместить код в jsfiddle.net?