div背景图片拉伸的问题(SVG中的viewBox含义)

 

 图中的小手图标svg的尺寸为 width="18px" height="21px"

小手图标为div的背景,因为高度>宽度,div的宽高都是1rem,所以被拉伸了。

 

 

解决办法:修改SVG图片中宽高、viewbox值

 

 关于SVG的viewbox值的定义:https://www.jianshu.com/p/4422c05ff0f2

 

posted @   野生野鸡码农  阅读(805)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
点击右上角即可分享
微信分享提示