如何将平板电脑的徽标大小减小为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进行这些更改后删除缓存。 希望它有帮助。