CSSファイルにないブラウザ読み込み幅/高さ値ファイル

Question

下の画像からわかるように、ブラウザ（ChromeとFirefoxの両方）は、アイコンの幅：24px /高さ24pxの適用を主張しています。

しかし、私はすでにCSSファイルで値を変更しました。実際、ブラウザの幅/高さの出ているファイルをクリックすると、ブラウザーのインスペクタ自体には、幅150 /高さ40の更新値が表示されます（下の画像を参照）。

そこで、基本的検査官は、自分自身を矛盾されます！私はこれを解決してキャッシュをクリアすることはできません。

何が起こっているかについてのアイデアはありますか？これが.scssファイルであることに関連していますか？

ここにはhttps://www.chatbotforums.com/と表示されます。私はFacebookのログインアイコンのサイズを "Welcome"ボックス内で変更しようとしています。

Answer 1

はそれを解決しました。

何らかの理由で、ブラウザのインス​​ペクタが幅と高さが_style.scssファイルから取得されていると言っていましたが、そうではありませんでした。

標準的なstyle.cssという別のファイルからそれらが引き出されていたので、代わりに値を微調整する必要がありました。

この奇妙な情報は、ChromeとFirefoxの両方の査察官に表示されました。

Answer 2

と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

あなたのバナーがあふれています。ボックスコンテナのCSSを変更してからアイコンを変更する必要があります。