與Firefox相比，我在Chrome上顯示的logo圖像有很大的不同(我在Firefox上做了我的測試服務(wù)器，然后在Chrome上運(yùn)行)

以下是兩個不同之處: 火狐瀏覽器

鉻

它應(yīng)該像在Firefox中一樣出現(xiàn)。我切換了徽標(biāo)并添加了圖像特征以使其適合，而不是編輯CSS文件。

代碼如下:

<a class="navbar-brand" href="index.html"><img src="img/logo09.png" width="250%" height="250%" alt="logo"></a>

有沒有快速解決這個問題的方法？提前感謝任何幫助:)

使用樣式表，內(nèi)聯(lián)樣式或維度屬性是一場維護(hù)噩夢...

height: 123px; /*or any other fixed/dynamic value, unit*/
width: auto;   /*let the browser do the scaling */

會有所幫助(除非你遇到了特殊性問題)

另外，要知道在HTML中，屬性width= " "和height= " "上不允許有5 %

https://developer . Mozilla . org/en-US/docs/Web/HTML/Element/img

& ltimg & gt屬性 寬度 圖像的固有寬度，以HTML5 CSS像素為單位，或以HTML 4像素或百分比為單位。

高度 圖像的內(nèi)在高度，以HTML5 CSS像素為單位，或以HTML 4像素或百分比為單位。

對于鉻來說，這是一個非常愚蠢的問題。我會假設(shè)這是你特別提到的，因?yàn)槲易罱龅搅祟愃频膯栴}。 鉻自動適用

img {
        overflow: clip;
    }

你要做的就是用overflow: hidden覆蓋它；。

我不能告訴你為什么它會斷裂，但這是我最好的理論: 我假設(shè)這打破了溢出-剪輯-邊緣:內(nèi)容框；屬性，該屬性在某些方面可能等同于框大小:content-box；至少在行為上。這又是一個相當(dāng)牽強(qiáng)的說法，但在我看來這是最合理的解釋，請隨時糾正我。

您可能遇到的問題可能與您使用百分比有關(guān)。你把它們設(shè)置為250%，但是什么的百分比？它應(yīng)該是父元素，但是父元素設(shè)置為什么？圖像的父元素是沒有寬度設(shè)置的錨元素，并且不是塊級元素。

嘗試將父元素設(shè)置為某個固定的寬度，看看問題是否會消失，或者兩個瀏覽器是否顯示相同的內(nèi)容。

例如，我將封閉錨元素設(shè)置為display:block；并將其寬度設(shè)置為500像素。

用固定像素寬度替換百分比寬度。Firefox和Chrome注冊的%度量不同，因?yàn)槿萜鞯牟季致杂胁煌?。此外，將度量值添加到一個類中，然后給它一個！重要屬性。我相信Chrome有一個css文件，它用在所有訪問過的網(wǎng)站上，它給出了一些設(shè)計(jì)布局等。

更新: 在您的注釋之后，嘗試在開發(fā)人員工具中查看該元素，看看是否有東西覆蓋了它。如果沒有，那么我不知道該建議什么。也許可以用不同的設(shè)計(jì)，比如一個元素在里面的居中的div，或者使用一個帶有這個標(biāo)志的navbar，或者一個沒有導(dǎo)航欄的居中標(biāo)志。有很多選擇。抱歉，我?guī)筒簧鲜裁疵?/p>