Wordpress主题二十七 - 4k显示的标题图像

Question

我目前正在使用标准的Twenty Seventeen主题在wordpress博客上工作。设置自定义标题图像时，任何显示上显示的上载标题图像的最大宽度为2000像素（调整较大的图像大小）。然而，这在4k屏幕上看起来相当丑陋。当浏览器宽度大于2000像素时，是否有可能允许更大的图像？我的源图像大小为6000 x 4000像素。

感谢您的帮助。

Answer 1

你可以使用混合了url和if语句的jQuuery条件来实现这个，你可以使用下面的$（window）函数然后你可以将图像位置存储到变量并传入它是属性值来改变背景依赖屏幕尺寸例如：

var width = $(window).width(); 
var height = $(window).height(); 

if ((width >= 1024  ) && (height>=768)) {
     $url = 'http://mywebsite.com/files/myfile.jpg'
}
else {
     $url = 'http://mywebsite.com/files/default.jpg'
}

然后使用jQuery .css方法更改要为屏幕大小更改的正文或div的背景图像，例如：

$('#myDivId').css('background-image', url);