我正在建立一个新的 Wordpress 网站,但一直在思考如何放置我的 Logo (标题图片)/背景图片。下面的照片是我希望它的外观以及它当前在桌面上的显示方式。但是,它在移动设备上被切断了,我认为这与我的设置方式有关...
我的头图其实是透明的,你看到的是背景图。所以我的问题是,有没有办法在移动设备上也能正确定位它?或者,是否有更好的方法来做到这一点?
我选择将其设置为背景图片而不是标题图片的原因是,我不确定如果设置为标题图片,我如何才能让它真正触及页面顶部。
如果你想看我的实际网站,it's here .我正在使用 Brunch Pro 主题。
任何帮助或想法将不胜感激! :)
最佳答案
将此 css 添加到事件主题 style.css 文件中。
@media (max-width: 767px){
body.custom-background {
background-image: url(http://gleefulthings.com/WPtestblog/wp-content/uploads/2018/06/backgroundlogo2.jpg);
background-position: 50% top;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: 70% auto;
}
}
关于css - 桌面与移动设备上的背景图片定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51034275/