如何使我的JavaScript嵌入代码具有响应性？

Question

我有一个来自ShootProof的嵌入代码，其尺寸输入要使宽度响应。我尝试将宽度更改为100％，但页面空白。

我敢肯定这很简单，但是可以得到任何帮助！

<script type="text/javascript">
  var _spRemote={width:960,height:650};var _ce = parseInt(Math.random() * 99999999);
  document.write('<sc' + 'ript type="text/javascript" src="https://proofs.carlasphotos.com/remote/embed?ce=' + _ce + '"></sc' + 'ript>');
</script>

Answer 1

您提供的嵌入脚本只是将iframe放入文档的body中，您可以使用CSS控制iframe的宽度。由于iframe采用的是内联样式，因此您必须使用!important覆盖宽度：

iframe { width:100%!important; }