Html 编辑iframe中元素的css
我在我的网站上使用了一些免费的instagram feed iframe代码,我想在手机上编辑图片的大小…现在在桌面上,feed是2行5张图片。在手机上,我想将图片的大小增加到50%的宽度,这样5行2张图片。我打开控制台,它看起来像它的li.in-tile,需要一个宽度:50%;但是,当你看这个元素的css时,它是.lightwidget.in-grid.in-grid-5li,宽度是20%,但我需要它是50% 我使用weebly来建立网站,如果这有帮助,是的,我插入Html 编辑iframe中元素的css,html,css,iframe,weebly,Html,Css,Iframe,Weebly,我在我的网站上使用了一些免费的instagram feed iframe代码,我想在手机上编辑图片的大小…现在在桌面上,feed是2行5张图片。在手机上,我想将图片的大小增加到50%的宽度,这样5行2张图片。我打开控制台,它看起来像它的li.in-tile,需要一个宽度:50%;但是,当你看这个元素的css时,它是.lightwidget.in-grid.in-grid-5li,宽度是20%,但我需要它是50% 我使用weebly来建立网站,如果这有帮助,是的,我插入 .lightwidget.
.lightwidget.in-grid.in-grid-5 li{
width:50% !important;
}
移动设备“最大宽度480px”的媒体查询
这是我用来调用提要的嵌入代码
<!-- 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文档……我需要知道是否有办法更改css
希望我解释得很好
谢谢
[…]显然,当网页呈现iframe时,它正在调用某个地方托管的html文档。我需要知道是否有办法改变css
如何在iFrame中设置元素样式的问题在StackOverflow上已经出现过很多次-请尝试在此处查看:
另一篇关于它的文章可以在这里看到:
这里有一个简短的解释:
你需要做宽度:50%对吗?谢谢。我是网站开发新手,不太了解JS。我想我现在需要好好研究一下。