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

Question

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

我很感激你的帮助。

Answer 1

您可以使用与 url 和 if 语句混合的 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);