是否有本机功能可以根据屏幕分辨率显示帖子缩略图或图库图像的正确响应图像大小?
通常我使用:
1、自定义图像大小:
function customImageSetup () {
add_theme_support( \'post-thumbnails\' );
add_image_size(\'grid_1 mini square\', 60, 60, TRUE);
add_image_size(\'grid_2\', 160);
add_image_size(\'grid_2 square\', 160, 160, TRUE);
add_image_size(\'grid_4\', 360);
add_image_size(\'grid_4 square\', 360, 360, TRUE);
add_image_size(\'grid_6\', 560);
add_image_size(\'grid_6 square\', 560, 560, TRUE);
add_image_size(\'grid_8\', 760);
add_image_size(\'grid_8 square\', 760, 760, TRUE);
add_image_size(\'grid_10\', 960);
add_image_size(\'grid_12\', 1160, FALSE);
}
2。显示缩略图,例如
.img-max
分配的班级:
<?php the_post_thumbnail(\'grid_4\', array( \'class\' => "img-max"));?>
3。这个简单的css线条适合图像:
.img-max { width:100%; height:auto; }
这在大多数情况下都有效,但特别是在响应性web设计方面,使用不同屏幕分辨率的自定义图像大小将非常有用。
是否有wordpress功能来替换服务器端没有javascript的图像?
SO网友:Pieter Goosen
加上克里斯蒂安的回答。raiber,Wordpress或php中没有检测屏幕大小的功能,很可能永远不会有这样的功能。Php运行服务器端,在客户端之前运行,客户端是浏览器端。至于php,以及Wordpress,我看不到任何类型的函数将来会以任何形式的可预测和可靠的方式来处理此类检测。
不管你怎么看,都没有什么办法可以证明这一点。服务器端操作是可预测的,我们可以信任,因为它不依赖于最终用户的输入,最重要的是不能由最终用户操纵。客户端操作can 被操纵。
查看以下客户端变量和操作:
用户可以删除或阻止Cookie,州或国家法律也可以阻止Cookie
最终用户可以随时禁用jQuery
浏览器->网站在不同浏览器中的行为不同。最终用户可以禁用浏览器检测
客户端解决方案在某些情况下有效,在其他情况下则不基于上述内容(还有其他几点未提及)。
你可以使用wp_is_mobile()
检测手机(它只在手机上工作,不在平板电脑上工作),然后相应地提供正确的图像大小,BUT, 应注意以下事项
如上所述,这也是一个不可靠的功能,因为它还依赖于客户端操作。在我看来,米老鼠的功能
它不检测屏幕大小,只检测移动电话设备。它在平板电脑上不起作用结论唯一正确的解决方案是尽可能优化图像(这需要根据内容大小进行适当规划和调整图像大小。当内容最大宽度为500px时,不要加载700px的图像),然后让浏览器相应地调整图像大小。我知道这会减慢加载时间,因为浏览器会使用大量资源来调整图像大小,但至少您能够可靠地向最终用户提供内容