WordPress的主题二十七 - 4k显示的标题图片

Question

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

我感谢您的帮助。

Answer 1

你可以使用jQuuery条件与URL混合在一起，如果语句实现这个，你可以使用$（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);