Question

我正在使用最新的wordpress和builduppro主题。

目前，我在桌面，平板电脑和手机上使用90px的徽标尺寸。

我希望仅限桌面使用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

＆＃34; .logo＆＃34;

后代码中缺少左括号

    @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进行这些更改后删除缓存。希望它有所帮助。

如何将平板电脑的徽标尺寸减少到60px，将wordpress的尺寸减少到40 px？

2 个答案: