如何將平板電腦的徽標大小減小爲60px，並在wordpress中將徽標大小減小爲40px？

Question

我使用最新的wordpress和builduppro主題。

目前，我在臺式機，平板電腦和手機上使用徽標大小爲90像素。

我只想要桌面上的徽標大小爲90px。

如何將平板電腦的徽標大小減小爲60px（30％），移動設備的尺寸減小40px（50％）？

網站：http://logo.ayumall.com

我不是一個程序員，找不到任何WP插件來解決這個問題。

將不勝感激任何反饋。

我剛剛編輯style.css，但沒有運氣。

@media screen and (max-width:768px) 
{ 
    .logo 
    {padding-top: 10px !important; text-align: left !important;} 
} 

目前我Responsive.css：

/* Mobile Portrait View */ 
@media screen and (max-width:767px) { 
.logo{ width:auto; float:none; text-align:center; padding:0;}} 


/* Tablet View */ 
@media screen and (min-width:768px) and (max-width: 980px){ 
.logo{ float:none; text-align:left; width:auto;}} 

@media screen and (max-width:1169px) and (min-width:981px) { 
.logo{ float:left; width:auto}} 

@media screen and (max-width: 980px){ 
.logo img{ height:auto;}} 

Answer 1

開幕支架後失蹤在你的代碼 「.logo」

@media screen and (max-width:768px)  
{ 

.logo {

padding-top: 10px !important; text-align: left !important;} 

} 

Answer 2

檢查了您的網站。 你可以通過CSS實現。將以下代碼放入樣式表中。

/* For Tablets */ 
@media screen and (max-width: 768px){ 
.logo img{height: 60px;} 
} 

/* For Mobile */ 
@media screen and (max-width: 480px){ 
.logo img{height: 40px;} 
} 

確保在對css進行這些更改後刪除緩存。 希望它有幫助。