php - 当视口小于 480 像素时，如何防止在 wordpress 中加载缩略图

Question

我正在制作一个 wordpress 博客，并且我想防止在视口小于或等于电话设备之一（大约 320 像素和 480 像素）时加载缩略图后图像，目前图像已加载并显示在桌面视图中（ 481px 等等），但我不想在手机中查看博客时浪费 http 请求。

Answer 1

检查这个：（图片填充） https://github.com/scottjehl/picturefill - 没有使用/测试编辑：http : //wordpress.org/plugins/picturefillwp/faq/ - 认为你需要扩展

Answer 2

您可以使用 css 媒体查询来隐藏指定视口尺寸下方的图像。像这样的东西会起作用：

<style type="text/css">
@media only screen and (max-width: 480px){
img{display:none;}
}
</style>