如何將任何徽標縮小並固定在固定框中

-5

我正在開發一個網站，其網址爲http://notice.byethost12.com。我已經完成了大部分工作，但是我在將任何徽標顯示爲調整大小以適應它們的網格時遇到問題。所以高而有些寬。如果不是最舒適的話。我對此很新。所以如果你能幫忙，我會很高興。如何將任何徽標縮小並固定在固定框中

來源

2017-10-16 Youshau Hussain

不知道你已經嘗試過，但一個好地方開始：'img {max-width：100％;最大高度：100％;寬度：自動;身高：自動}' – UncaughtTypeError

發表一個例子，給我們你的問題。不要只是發佈一個隨機鏈接說這個沒有工作，fix ty。 SO不是免費的編碼服務，也不是教程網站 –

你可以嘗試設置'background-size：contains; background-repeat：no-repeat;''.thumbnail-image'類。 – Krusader

好吧，由於您在thumbnail-image類中使用了背景圖片，因此您需要指定background-size和background-repeat規則。

添加到您的CSS：

.thumbnail-image { 
    background-size: 100%; 
    background-repeat: no-repeat; 
}

希望有所幫助。

來源

2017-10-16 08:07:15

這不起作用。 –

你是什麼意思？你可以發佈你的代碼嗎？ –

可能是因爲您在選擇器中需要更多特徵，例如：'.grid-plus-container .post-item .thumbnail-image background-size：contains; background-repeat：no-repeat; background-position：center center; }' – UncaughtTypeError

如何將任何徽標縮小並固定在固定框中

回答

相關問題