为什么我不能在scss文件中为Instagram iFrame设置最大宽度?

时间:2019-07-29 18:48:34

标签: html css tailwind-css

我试图将Instagram嵌入保持在一定宽度以下,并且尝试将max-width放入我的scss文件中,但从未将其放入文件中。使它达到我的首选的唯一方法是使用检查器并手动更改它,但这对我没有任何好处。这是HTML,其中有我要更改的部分: the structure

我想做

iframe[class^="instagram-media"]{
    width:328px;
}

但这不起作用。都没

iframe{
    max-width:328px
}

我怎么能得到这个?

1 个答案:

答案 0 :(得分:0)

将宽度和高度保持在中间,您无需将CSS应用于iframe,就可以简单地将其分配给width和height属性,例如:

<iframe src="https://www.w3schools.com" width="500px" height="500px">
 </iframe>

只需更改width=""height="" iframe属性即可。