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

Question

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

感谢您的帮助。

Answer 1

您可以使用 jQuery 条件与 url 和 if 语句混合来实现此目的您可以使用 $(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 的背景图像 eg:

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