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

Question

My website is rendered perfectly fine on desktops as well as mobile devices and without any orientation related viewport issues ...until I implemented Google+ comments, which will set the width of the page to whatever width is defined here:

<!-- 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>

See example page here . Resize the window (horizontally) to see the issue in effect.

Is this something that could be fixed somehow, and does the issue truly lie within Google's code?

Answer 1

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