我在我的网站上使用了一些免费的 instagram 提要 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;
}
移动“最大宽度 480 像素”的媒体查询。
这是我用来调用提要的嵌入代码。
<!-- 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。
希望我解释得很好。
谢谢。
我正在尝试在 Google Search Console 中为 Weebly/Square 网站使用 PageSpeed Insights 并收到错误消息：
灯塔返回错误：NOT_HTML。提供的页面不是 HTML（作为 MIME 类型）
一开始它对我有用（我测试了 2-3 次）。我调整了一些图像的大小并再次尝试。从那时起收到此错误。
Square 的支持表明它不站在他们一边。
square lighthouse google-pagespeed weebly pagespeed-insights
我正在使用 Weebly 创建一个在线商店，使用模板并遇到了我不喜欢的东西。每次用户单击产品时，都会出现产品页面，如果将鼠标悬停在产品图像上，则会初始化缩放功能。如何禁用此效果？
我有一种感觉，就像 display:none; 一样简单。但我似乎无法弄清楚哪个类或与之相关的任何东西。
我一直在寻找与DNS的方法来重定向我的域名的子域如http://server.my-domain.com到https://discordapp.com/invite/server