如何让Pinterest Widget Builder响应？

Question

Pinterest Widget Builder可以灵活地创建放置在您网站上的小部件.我在此页面上添加了一个,但您可以为小部件设置的宽度似乎有限制.例如,我将宽度设置为1170,但它仅显示为1111px.

这是代码:

<a data-pin-do="embedUser" href="http://www.pinterest.com/rouvieremedia/" data-pin-scale-width="180"  data-pin-board-width="1170">Follow Pinterest's board Pin pets on Pinterest.</a>

这是一个Bootstrap站点,我真的希望能够使这个小部件响应.我尝试将css样式应用于小部件,只是为了看看我是否可以使用它来影响它.唉,没有运气.

div.container > span.PIN_1407891215996_embed_grid.PIN_1407891215996_fancy { 
    border: 5px solid red; 
}

任何与此元素交互的建议都将受到赞赏.然后我可以应用一些额外的造型.

Answer 1

小部件的宽度取决于许多因素：

• 封闭元素的宽度：不能超过该宽度
• data-pin-scale-width + padding 的倍数：小部件的宽度不会正确填充。它将恰好等于内部项目的倍数+左右小填充以及项目之间的填充
• 鉴于上述情况，数据引脚比例宽度显然

因此，如果您想要 1200 的精确宽度，请尝试data-pin-scale-width="195". 假设包围的元素更大，应该可以做到。