javascript - 如何调整 javascript 小部件的大小？

Question

我需要在我的网站上插入这个 javascript 小部件。事实是，如果我在网站上插入这个脚本，高度太大并且有很多“浪费”的空间。我想知道是否可以将其调整为 215px 的高度。

我试图将它包含在 div 或 iframe 中，但我的尝试没有成功。有没有快速的方法来做到这一点？

谢谢

<script src="https://next.fatsoma.com/widgets/scripts/events.js" data-reference="1b98e59f-5e65-42ef-bf8c-e2c389ebbb54"></script>

Answer 1

使用与 Paradoxis 相同的技术，将 div 包裹在您的小部件周围，这是一个 iFrame，如果您有以下内容，您可以在 css 中执行此操作：

    <div class="test">
       <script src="https://next.fatsoma.com/widgets/scripts/events.js" data-reference="1b98e59f-5e65-42ef-bf8c-e2c389ebbb54"></script>
    </div>

您可以在您的 CSS 中执行此操作：

    div.test iFrame {
        width:215px!important; //!important is used because the width is set inline on the iframe
    }

Answer 2

为您修复它，将其包裹在 div 中，指定高度并设置溢出：隐藏；

height: 215px;
overflow: hidden;

JSFiddle 演示