Question

从下图中可以看出，浏览器（Chrome和Firefox）都坚持使用宽度：24px / height 24px作为图标。

但是，我已经更改了CSS文件的值。实际上，如果您单击文件，浏览器会显示宽度/高度来自，浏览器检查器本身会显示更新的宽度值：150 / height：40，如下图所示。

所以基本上检查员自相矛盾！我无法解决这个问题，清除缓存。

有关正在发生的事情的任何想法？它可能与.scss文件有关吗？

您可以在此处查看：https://www.chatbotforums.com/。我想改变Facebook登录图标的大小，在＃34;欢迎＆＃34;框。

Answer 1

你的横幅溢出来了。您必须修改框容器的CSS，然后修改图标。

Answer 2

将width和height样式修改为min-width和min-height。

img {
  min-width: 250px;
  min-height: 250px;
}

<img src="https://www.google.ca/images/branding/product/ico/googleg_lodp.ico">

Answer 3

解决了它。

由于某种原因，浏览器检查员说正在从_style.scss文件中提取宽度/高度，但事实并非如此。

他们被从另一个文件中取出，标准的style.css，所以我不得不调整那里的值。

奇怪的是，这些不正确的信息出现在Chrome和Firefox的检查员身上。