wp_print_auto_sizes_contain_css_fix()WP 6.7.1

Prints a CSS rule to fix potential visual issues with images using sizes=auto.

This rule overrides the similar rule in the default user agent stylesheet, to avoid images that use e.g. width: auto or width: fit-content to appear smaller.

Hooks from the function

Return

null. Nothing (null).

Usage

wp_print_auto_sizes_contain_css_fix();

Notes

Changelog

Since 6.7.1 Introduced.

wp_print_auto_sizes_contain_css_fix() code WP 6.7.1

<?php
function wp_print_auto_sizes_contain_css_fix() {
	/** This filter is documented in wp-includes/media.php */
	$add_auto_sizes = apply_filters( 'wp_img_tag_add_auto_sizes', true );
	if ( ! $add_auto_sizes ) {
		return;
	}

	?>
	<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
	<?php
}