Question

我试图让我的推特小部件（在它自己的div中）与另一个div（称为mainslider）的高度相同。我已尝试过使用JavaScript和JQuery的一些东西，但我对此并不太熟悉。我的代码摘录如下：

    <div class="mainslider" id="mainsliderid">
    (SLIDER CODE HERE THAT I REMOVED)
</div>
<script>
var twitterheight = $('mainsliderid').height();
</script>
<div class="maintwitter">
    <a class="twitter-timeline" href="https://twitter.com/twitter" data-widget-id="704258053198254080" height="twitterheight" width="100%">Tweets by @twitter</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>
</div>

Answer 1

所以我自己解决了这个问题，而且非常简单。由于我所拥有的幻灯片的性质，它的高度与其宽度成比例。因为我使用屏幕宽度的比例来改变推特和幻灯片的宽度，我可以使用单位＆＃39; VW＆＃39;这是屏幕宽度的1％，只需将其乘以正确的值。现在工作正常。

使Twitter小部件与DIV

1 个答案: