wp_print_auto_sizes_contain_css_fix()
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
- See: https://html.spec.whatwg.org/multipage/rendering.html#img-contain-size
- See: https://core.trac.wordpress.org/ticket/62413
Changelog
Since 6.7.1 | Introduced. |
wp_print_auto_sizes_contain_css_fix() 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 }