我在wordpress中使用Media网格插件完成了我的图库页面,但是在页面中发布了图库之后,缩略图图像有点模糊(但是灯箱图片还可以),所以我想通过CSS代码修复它。 我附加了屏幕截图。 Incorrect .entitlements file
答案 0 :(得分:0)
可能是用于调整大小的动作(拉伸的小图片)。
它与CSS无关,但您可以在functions.php中设置缩略图大小......
add_image_size( 'category-thumb', 300, 9999 );
答案 1 :(得分:0)
默认情况下,浏览器会对已调整大小的图像应用消除锯齿功能,以使其看起来更好。如果您希望撤消此行为,请使用image-rendering
css属性撤消抗锯齿。
img {
image-rendering: pixelated;
}
这是一篇有很好解释的文章:
https://css-tricks.com/almanac/properties/i/image-rendering/
解决此问题(性能)的更好方法是为缩略图使用较低分辨率的图像文件,并仅在打开灯箱时加载完整尺寸的图像。