调整背景 svg 的大小
发布于2022-03-27 17:05 阅读(1419) 评论(0) 点赞(20) 收藏(0)
我想在背景图像中使用调整本地 svg 的大小，但设置宽度 = 100% 和高度 = 100% 不起作用。我什至将 svg 图像的大小调整为 1425 像素 x 835 像素
我的CSS代码： -
#main-page #products-section {
text-align: center;
background-image: url('/assets/images/product_background_img.svg');
background-size: 100% 100%;
background-repeat: no-repeat;
}
使用时background-image: url('/assets/images/product_background_img.png');
输出是：
.png Image 可以正常工作，但我想用 svg 文件实现相同的效果。由于 png 图像具有更大的文件大小，它会使我的网页变得沉重。
解决方案
您可以尝试height: 100vhandwidth: 100vw而不是height: 100%and width: 100%。
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/324118/68ca654b6c6e3752ae5f/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力