为什么我不能在我的 scss 文件中为 Instagram iFrame 设置最大宽度？答案

【问题标题】：Why can't I set a max-width for Instagram iFrames in my scss files?为什么我不能在我的 scss 文件中为 Instagram iFrame 设置最大宽度？
【发布时间】：2019-12-07 03:30:49
【问题描述】：

我正在尝试将我的 Instagram 嵌入保持在一定的宽度下，并且我尝试在我的 scss 文件中放入一个从未进入文件的最大宽度。我可以得到我喜欢的唯一方法是使用检查器并手动更改它，但这对我没有任何好处。这是我想要更改突出显示部分的 HTML：

我想做

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

但这不起作用。也没有

iframe{
    max-width:328px
}

我怎样才能得到这个？

【问题讨论】：

请贴出代码而不是图片，以便我测试一下，看看有什么问题
仅仅帮助我获取正确的 css 代码来获取我需要的元素有什么问题？
再一次，你甚至不需要 css 来做到这一点，你可以简单地分配宽度和高度 iframe 属性，让它变得简单。
@OtávioBarreto 在我的代码中没有任何地方直接放置 iFrame 元素。
照片中的蓝色部分

标签： html css tailwind-css

【解决方案1】：

将宽度和高度保持在中间，您不需要 css 即可在 iframe 上应用，您可以简单地分配给宽度和高度属性，如下所示：

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

只需根据需要更改 width="" 和 height="" iframe 属性即可。

【讨论】：

是的，但在我的代码中，Instagram iFrame 并没有像这样显示
发布您的代码，我会修复它，以文本而不是图像格式发布我无法编辑，因为它是图像格式，您也不需要发布完整代码，只发布 iframe 部分