我需要根据屏幕类型检索特征图像
适用于平板电脑和中型移动设备,也适用于大型台式机
如何知道服务器端用户的设备类型以检索适当的图像大小
(在示例中,我使用主题API,但当然可以使用WordPress原生API)
$thumb_args = array(
\'class\' => \'alignnone\',
\'img_id\' => $thumbnail_id,
\'wrap\' => \'<img %IMG_CLASS% %SRC% %SIZE% %IMG_TITLE% %ALT% />\',
\'echo\' => false,
\'img_meta\' => wp_get_attachment_image_src($thumbnail_id, \'medium\'),
);
// Thumbnail proportions.
if ( \'resize\' === of_get_option( \'blog-thumbnail_size\' ) ) {
$prop = of_get_option( \'blog-thumbnail_proportions\' );
$width = max( absint( $prop[\'width\'] ), 1 );
$height = max( absint( $prop[\'height\'] ), 1 );
$thumb_args[\'prop\'] = $width / $height;
}
$post_media_html = presscore_get_blog_post_fancy_date();
if ( $config->get_bool( \'post.fancy_category.enabled\' ) ) {
$post_media_html .= presscore_get_post_fancy_category();
}
$post_media_html .= dt_get_thumb_img( $thumb_args );
最合适的回答,由SO网友:Mark Kaplun 整理而成
您不应该试图了解服务器端的用户设备,因为这种情况意味着您将无法使用任何页面缓存,并且当浏览器“窗口”大小更改时,它将失败。
在客户方做这样的决定。如果不可能简单地使用CSS,只需准备一个适当的JS数组,其中包含可能图像的URL,并根据JS中实际完成的客户端区域检测将图像设置为适当的图像。