在 Google 评论脚本中将像素更改为百分比

Question

是否可以在Google Plus评论脚本中将像素宽度值更改为百分比？

在我看来，它看起来非常好，运行良好，并且可以集成到Google+中。唯一的问题是，评论系统仅适用于Blogger，并且如何将其添加到非Blogger网站并不明显。

下面是可嵌入的代码：

<script src="https://apis.google.com/js/plusone.js"></script>
<div id="comments"></div>
<script>
gapi.comments.render('comments', {
    href: window.location,
    width: '624',
    first_party_property: 'BLOGGER',
    view_type: 'FILTERED_POSTMOD'
});
</script>

Answer 1

如果脚本仅接受以像素为单位的特定值，并且不允许您指定百分比宽度，则可以根据当前视口宽度自行计算一个：

<script src="https://apis.google.com/js/plusone.js"></script>
<div id="comments"></div>
<script>
gapi.comments.render('comments', {
    href: window.location,
    width: Math.round(window.innerWidth * 0.60), //for 60%
    first_party_property: 'BLOGGER',
    view_type: 'FILTERED_POSTMOD'
});
</script>