我正在我的网站上使用一些免费的Instagram Feed iframe代码，并希望在移动设备上编辑图片的大小...在桌面上固执地提供2行5张图片。在移动设备上我希望将图片的大小增加到50％宽度，就像它的5行2张图片一样。我打开了控制台，看起来它的li.in-tile需要宽度：50％;但是当你看到那个元素的css时，它是.lightwidget.in-grid.in-grid-5 li，宽度为20％，但我需要它为50％。
如果有帮助，我正在使用weebly构建网站，是的，我正在插入
.lightwidget.in-grid.in-grid-5 li{
width:50% !important;
}
移动媒体查询＆＃34;最大宽度480px＆＃34;。
这是我用来调用Feed的嵌入代码。
<!-- LightWidget WIDGET --><script src="//lightwidget.com/widgets/lightwidget.js"></script><iframe src="//lightwidget.com/widgets/3c1052429c9753bfa460e4a0636864a3.html" id="lightwidget_3c1052429c" name="lightwidget_3c1052429c" scrolling="no" allowtransparency="true" class="lightwidget-widget" style="width: 100%; border: 0; overflow: hidden;"></iframe>
很明显，当网页呈现iframe时，它正在调用某个地方托管的html doc ...我需要知道是否有办法改变那个css。
希望我能解释清楚。感谢。
答案 0 :(得分：2)
[...]显然，当网页呈现iframe时，它正在调用托管在某处的html doc。我需要知道是否有办法改变那个CSS。
如何在iFrame中设置元素样式的问题已多次出现在StackOverflow上 - 请尝试查看：
另一篇解决它的帖子可以在这里看到：
Using CSS to affect div style inside iframe
这里有一个相当简短的解释：