为什么我的照片看起来有点模糊，当我点击放大时变得清晰

Question

我有一个有广告的网站。每个广告都有一张图片。每个图像看起来都略微模糊，但是当我单击放大时，它们会变得更加清晰。

有什么方法可以用 css 解决这个问题吗？所有浏览器都存在相同的问题。

meta property="og:image" 
content="https://adsler.co.uk/wp- 
content/uploads/awpcp/images/19808423-2b60d824- 
large.jpg">
<link rel="image_src" href="https://adsler.co.uk/wp- 
content/uploads/awpcp/images/19808423-2b60d824- 
large.jpg">
<!-- END - Another WordPress Classifieds Plugin Open 
Graph meta tags -->
<link rel="icon" href="https://adsler.co.uk/wp- 
content/uploads/2018/12/cropped-Adsler_final-01-1- 

100x100.jpg" 尺寸="32x32"/>

Answer 1

由于图像路径不同，出现了此问题。您的 Nico's 清洁服务 NCS 图像获取缩略图图像路径。

https://adsler.co.uk/wp-content/uploads/awpcp/thumbs/flyermaker_15032019_134523-ac957ffd-primary.png

当我们单击放大图像时，图像在模态中变得清晰，因为它显示大尺寸图像。

https://adsler.co.uk/wp-content/uploads/awpcp/images/flyermaker_15032019_134523-ac957ffd-large.png

要解决模糊行为，您必须在两侧使用大尺寸图像。谢谢