javascript - 在响应式网站上使用 Google+ 评论时如何解决视口(viewport)宽度问题？

Question

我的网站在台式机和移动设备上呈现得非常好，没有任何方向相关的视口(viewport)问题......直到我实现了 Google+ 评论，它将页面宽度设置为此处定义的任何宽度:

<!-- Google comments -->
<script src="https://apis.google.com/js/plusone.js">
</script>
<div class="g-comments"
  data-href="[URL-OF-PAGE-HERE]"
  data-width="720"
  data-first_party_property="BLOGGER"
  data-view_type="FILTERED_POSTMOD">
</div>

参见示例页面 here .调整窗口大小(水平)以查看问题的影响。

这是否可以通过某种方式解决，问题真的出在 Google 的代码中吗？

Answer 1

通过使用data-width="100%"，评论框将完全消失。