php ACF的响应式图像

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了php ACF的响应式图像相关的知识,希望对你有一定的参考价值。

<?php
	$image = get_field('banner_bg_image');
	$medium = $image['sizes'][ 'medium' ];
	$large = $image['sizes'][ 'large' ];
	$full = $image[ 'url' ];
?>
<style>
@media screen and (min-width: 1024px) {
	.banner--interior {
		background-image: url(<?php echo $full; ?>);
	}
}

@media screen and (min-width: 801px) and (max-width: 1024px) {
	.banner--interior {
		background-image: url(<?php echo $large; ?>);
	}
}
@media screen and (max-width: 800px) {
	.banner--interior {
		background-image: url(<?php echo $medium; ?>);
	}
}
</style>

以上是关于php ACF的响应式图像的主要内容,如果未能解决你的问题,请参考以下文章