add\\u image\\u size会更改图像文件的实际大小。

我所尝试的：

function odevice_image_sizes() {
    add_image_size( \'iphone-size\', 300, 100, true );//OF course the dimensions are not correct...
    add_image_size( \'tablet-size\', 600, 300, true );
}


function show_odevice_at_img_select($sizes) {
    $sizes[\'iphone-size\'] = __( \'Image size for iphone\' );
    $sizes[\'tablet-size\'] = __( \'image size for tablet\' );

    return $sizes;
}
add_action( \'init\', \'odevice_image_sizes\' );
add_filter(\'image_size_names_choose\', \'show_odevice_at_img_select\');

<?php the_post_thumbnail( \'iphone-size\' ); ?>

最简单的方法是使用css

我将以下代码用于我的站点。

.your_div img {
height:auto;
max-width:100%;
}

帕诺斯说得对。您可以使用add\\u image\\u size为不同目的创建不同大小的图像。为了进一步回答您的问题，我想补充：

一旦你用add\\u image\\u size创建了不同大小的图像，你就可以使用Wordpress插件Mobble（或任何其他基于php的设备识别）为不同的设备提供这些图像http://wordpress.org/plugins/mobble

只需做一个简单的if-else语句，如下所示：

if ( is_mobile() ) : the_post_thumbnail( \'mobile-size\' );
elseif( is_tablet() ) : the_post_thumbnail( \'tablet-size\' );
else : the_post_thumbnail( \'full\' );
endif;