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

Question

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

Answer 1

检查一下：（Picturefill）https://github.com/scottjehl/picturefill - 没有使用/ test 编辑：http://wordpress.org/plugins/picturefillwp/faq/ - 认为你需要扩展

Answer 2

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

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