Сделать Twitter Высота виджета Динамическая пропорциональна его родительской высоте Div

Question

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

Как мне это сделать через css?

Это код виджета, который я получил от твиттера:

<a class="twitter-timeline" href="https://twitter.com/vhakhikhang" data-widget-id="520463403060432896">Tweets by @vhakhikhang</a> 
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> 

Answer 1

Это не делается с помощью CSS, но вы можете указать высоту непосредственно в виджете HTML:

<a height="450" class="twitter-timeline" href="https://twitter.com/vhakhikhang" data-widget-id="520463403060432896">Tweets by @vhakhikhang</a> 
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> 

Это будет затем переопределите высоту, указанную во время установки виджета. Минимальная высота 200px. См. documentation для получения дополнительной информации.

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