michaelmusgrove/The shortcode used

## functions.php
function responsive_images($atts, $content = null) {
     return '<div class="image-resized">' . $content .'</div>';
}

add_shortcode('responsive', 'responsive_images');

## style.css
@media only screen and (max-width:767px) {
    .image-resized img {
        width:100%;
        height:auto;
    }
}

## The shortcode used
[responsive]<img src="image_url" alt="alt" title="title" />[/responsive]
	function responsive_images($atts, $content = null) {
	return '<div class="image-resized">' . $content .'</div>';
	}

	add_shortcode('responsive', 'responsive_images');
	@media only screen and (max-width:767px) {
	.image-resized img {
	width:100%;
	height:auto;
	}
	}