CSS解决图片缩放变模糊不清晰
文 / @WordPress主题
位图在放大尺寸后都会变得模糊不清晰,但在网页中插入图片时,即使原图非常清晰,缩小尺寸后也可能变得模糊。
使用CSS的image-rendering属性,可以解决这一问题,使用前后对比如下图所示:
代码如下:
img { image-rendering: -webkit-optimize-contrast; /* 针对WebKit引擎 */ image-rendering: crisp-edges; /* WebKit引擎现不支持该值,Firefox支持 */ }
仅需两条样式,缩小的图片就变得清晰了。
相关文章
-
如何创建WordPress古腾堡编辑器的区块(PHP+原生JS) 2024-01-10 01:01:06
-
搭建一个WordPress网站需要多少成本 2023-11-06 00:09:51
-
Symlink介绍(附:如何使用Symlink进行WordPress开发) 2023-11-05 23:38:32
-
让WordPress实现数据库同步的插件:HyperDB 2023-10-24 23:40:49
-
allegro电商平台值得做吗(附:2023年Allegro注册流程指南) 2023-10-08 21:53:39
-
印度跨境电商平台有哪些(附:印度跨境电商做什么产品好) 2023-10-08 21:34:23
-
跨境电商必看的几大海外二手电商平台 2023-10-08 18:04:42
-
WordPress同城互联网产品解决方案:UBASE 2023-10-03 16:40:39
-
WordPress网站的安全插件:wordfence 2023-09-14 09:25:18
-
WordPress 6.3 支持在手动更新插件和主题失败后回滚旧版本 2023-08-28 16:58:45