карта яндекс сделать адаптивной

[Godik1985]

Добрый день друзья

Для каждого товара у меня своя карта

код карты:

 <?php if ($location) { ?>               
  <div id="product" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> 
 <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=<?php echo $location; ?>;width=510&amp;height=380&amp;lang=ru_RU&amp;scroll=true"></script>
  </div>
  </br> 
  <?php } ?>  

На странице отображается нормально, а вот на смартфоне не очень. Как это поправить?

[n3bo]

width=100%25&height=400&

 

помещаете в контейнер и задаете ширину.

 

p.s. только использовать только один id

p.s.s. ну и микроразметка...

p.s.s.s. да и br после div хз зачем

Змінено 27 листопада 2018 користувачем n3bo

[Godik1985]

спасибо, все заработало как надо