如何调整手机版wordpress网站的标志大小？

我一直在尝试调整我们网站的标志（https://jodhpurhomeservices.com/）在移动电话上查看时，但没有代码似乎工作。我试过不同的版本，但无济于事：如何调整手机版wordpress网站的标志大小？

@media (max-width: 360px) { 
 
    .site-branding img { 
 
     max-width: 50%; 
 
     max-height: 50%; 
 
    } 
 
}

我不知道该怎么调整，或者我应该使用哪个CSS代码？我并不想在桌面视图上改变任何东西。只需移动。

将不胜感激任何反馈。

来源

2017-09-14 Kushal Meena

你在哪里包括这个CSS？ – FluffyKitten

该代码看起来不错。它只能用于360px以下的分辨率，或者如果需要可以将其更新为767，因为低于ipad的分辨率，它只是移动的。所以你不需要添加最大高度。只有这段代码才能帮到你。您可以更新您选择的分辨率。我检查你的网站这个CSS代码不存在。

@media (max-width: 767px) { 
    .site-branding img { 
    max-width: 50%; 
    } 
}

来源

2017-09-14 07:17:37

您的网站似乎使用优化插件，考虑添加你的CSS代码，自定义CSS部分或主题的CSS文件中看到效果后清除缓存。

你只需要定义宽度或最大宽度，高度可以自动照顾。

@media (max-width: 360px) { 
    .site-branding img { 
     max-width: 50%; 
     height: auto; 
    } 
}

来源

2017-09-14 07:19:27

我认为它应该，但你上面的风格似乎并不适用https://jodhpurhomeservices.com/可以提高媒体查询如下

@media only screen and (max-device-width: 480px) { 

}

正如上传，因为我想在这里https://jodhpurhomeservices.com/wp-content/cache/autoptimize/css/autoptimize_8c2977c29238748881af21a29e97e157.css你确定你的CSS，但我没有找到site-branding的媒体查询。

来源

2017-09-14 07:24:54

请针对不同的屏幕尺寸尝试以下代码。

@media (max-width: 767px) { 
    .site-branding a img { 
     width: 50%; 
    } 
} 
@media (max-width: 360) { 
    .site-branding a img { 
     width: 23%; 
    } 
}

您可能不需要767px代码，但上面的代码将减少百分比（％）宽度它会看起来很奇怪的767px时，在该屏幕的大小。

来源

2017-09-14 07:35:44 Tristup

如何调整手机版wordpress网站的标志大小？

回答

相关问题