Wordpress Theme 27 - 4k 显示的标题图像

Question

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

感谢您的帮助。

Answer 1

您可以使用与 url 混合的 jQuery 条件，如果语句来实现这一点，您可以使用如下所示的 $(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 方法来更改要更改为屏幕大小的 body 或 div 的背景图像，例如：

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