的WordPress：標誌在小屏幕上得到一個非常小的尺寸

Question

我的標誌有這樣

屏幕上的正常大小，如果我改變瀏覽器的屏幕大小，然後我的標誌變得非常小。

標誌不得具有小尺寸像前面的圖片。它應該更像在接下來的畫面：

我知道有一個很多不同的主題，但有可能通過smallering屏幕保持標誌大嗎？

Answer 1

大多數WP主題都具有預設的媒體查詢，這些查詢提供斷點以使網站能夠響應屏幕大小更改。

你可以用自定義的CSS覆蓋這些，但我會先找到斷點。使用this tool然後添加類似以下內容到你的CSS：

@media screen and (max-width: 400px){ 
    .logo{ 
    width:200px !important; 
} 
} 

這改變了標誌的寬度時，屏幕大小爲400像素或更小。將400px更改爲斷點設置的值。您可以通過這種方式編輯寬度或高度，但除非您想要，否則不需要執行這兩項操作。

編輯：上面的CSS中的「.logo」應該更改爲任何標誌的類。

Answer 2

我假設你使用的是主題，並沒有從頭開始構建。機會是你的主題有一個負責任的形象聲明，如：

.someAwesomeDivName img { 
    width:100%; 
    height:auto; 
} 

和父DIV持有的形象是有一定的寬度，這影響它裏面的圖像。首先在那裏檢查，然後從那裏開始。