[英]Make twitter widget same height as DIV
我正在尝试使我的Twitter小部件(位于其自己的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>
所以我自己解决了这个问题,这真的很简单。 由于幻灯片的性质,我将其高度与宽度成比例地设置。 因为我使用屏幕宽度的比例来更改Twitter和幻灯片显示的宽度,所以我只能使用单位“ VW”,即屏幕宽度的1%,只需将其乘以正确的值即可。 现在工作正常。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.