自适应特色图像WordPress 4.4网格

时间:2017-01-25 作者:Rico Shaft

我在我的函数中添加了三种新的特色图像大小。php;

add_image_size( \'feature-large\', 768, 9999 );

add_image_size( \'feature-medium\', 500, 9999 );

add_image_size( \'feature-small\', 480, 9999 );

我想在比768px宽的屏幕上使用特色媒体,在768px以下的屏幕上使用特色大屏幕,在480px以下的屏幕上使用特色小屏幕。

目前我正在使用<?php the_post_thumbnail(\'feature-medium\'); ?> 我正在使用引导网格,这就是为什么我想在更大的屏幕上使用功能介质。

这可能吗?有没有人知道如何以最简单的方式实现这一点?

我期待你的回答/想法。

非常感谢

苏格兰人

1 个回复
SO网友:Johansson

由于无法使用纯PHP检测屏幕大小,因此有2种选择。

1- 使用JavaScript或jQuery获取屏幕大小,然后使用Ajax/JSON动态获取内容。您可以找到解决方案here.

2- 加载所有3种大小的缩略图,然后使用CSS媒体查询根据访问者的屏幕显示适当的图像大小(仅建议在图像数量较少的页面上)。

相关推荐

WordPress中的Responsive.css应该优先

wp_enqueue_style( \'style\', THEMEROOT . \'/css/style.css\' ); wp_enqueue_style( \'responsive\', THEMEROOT . \'/css/responsive.css\' ); 我正在使用上述方法将样式表排队,但我想要的并没有实现。不管我写什么responsive.css 应该优先考虑(这意味着此处编写的CSS应该覆盖以style.CSS编写的所有其他内容),但这并没有发生。有没有办法通过Wor