网页制作完成后,图片在网页中的清晰度模糊,没有原图清晰怎么办
-
网页中呈现的清晰度
实际原图的清晰度
仔细观察的话,实际原图的清晰度确实比网页中的清晰,而这两个截图其实都是一张图片,只是一个是直接预览截图,一个是在网页中截图,那为什么网页中的这个图片是虚的
网页源码如下
html
<div class="car-meter d-ani d-up d-enter"> <img src="https://www.canva.cn/learn/wp-content/uploads/sites/17/2019/08/Snipaste_2019-08-19_00-16-22-1.png" alt=""> </div>
css
-
translate3d
这个属性慎用,容易导致图片不清晰的问题,可以换成 translate 试试,
另外 translate在使用过程中,如果图片尺寸是单数,不是双数的话也容易出现模糊的问题!
西南地区IT社群(QQ)
- 云南
- 【昆明网页设计交流吧】243627302
- 【昆明nodejs交流吧】 243626749
- 【VUE】838405306
- 【云南程序员总群】343606807
- 【昆明UI设计】104031254
- 【云南软件外包】15547313
- 贵州
- 【PHP/java源码/站长交流群】55692114
- 四川
- 【成都Java/JavaWeb交流】86669225
- 【vaScript+PHP+MySql】116270060
- 【UI设计/设计交流学习群】135794928
- 重庆
- 【诺基亚 JAVA游戏博物馆】 559479780
- 【PHP,Java,Python,C++接单】 442103442
- 西藏