Question

我需要将来自外部网站的自定义嵌入代码嵌入到我的wordpress博客文章中。

自定义嵌入代码具有以下格式：

<!-- TradingView Chart BEGIN -->
<script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
<script type="text/javascript">
var tradingview_embed_options = {};
tradingview_embed_options.width = '640';
tradingview_embed_options.height = '400';
tradingview_embed_options.chart = 'z1zThvGU';
new TradingView.chart(tradingview_embed_options);
</script>
<p><a href="https://www.tradingview.com/chart/GBPUSD/z1zThvGU-GBPUSD-Forecast-on-H4/">GBPUSD, Forecast on H4.</a> by <a href="https://www.tradingview.com/u/DatTong/">DatTong</a> on <a href="https://www.tradingview.com/">TradingView.com</a></p>
<!-- TradingView Chart END -->

该代码可以正常工作，但是在移动设备或表格中查看时，其响应速度并不完全，并且在台式机中也不居中。可能是因为代码生成了固定的宽度和固定的高度。

但这就是问题所在。我需要重写嵌入代码样式，以便可以根据需要设置样式。

我尝试了很多选择，但是没有用。我还检查了DOM，发现有一个生成的包装div，但是在尝试设置生成的包装div的样式时，它仍然不起作用。我做的另一个选择是将代码手动包装在wordpress编辑器中，希望可以控制宽度和高度，但仍然无法正常工作。尽管即使可行，在每个博客帖子中手动设置样式也不是一个好主意，因此，如果我们可以使用自定义样式表覆盖它，那就太好了。

请参见下面的小提琴：

http://jsfiddle.net/7695akjh/8/

有什么想法可以使此代码完全响应吗？

Answer 1

摆弄了标记之后，我终于明白了！这样就解决了。

如何使用CSS使自定义嵌入代码响应

1 个答案: