Html 如何使SVG模式不响应?
我有以下SVG。大小取决于它显示的位置 无论圆有多大/多小,我都希望图案保持在规定的大小 这可能吗 谢谢:Html 如何使SVG模式不响应?,html,svg,Html,Svg,我有以下SVG。大小取决于它显示的位置 无论圆有多大/多小,我都希望图案保持在规定的大小 这可能吗 谢谢: 试试这个,它是100%响应的。希望你能找到解决办法 .svg容器{ 显示:内联块; 位置:相对位置; 宽度:100%; 垫底:100%; 垂直对齐:中间对齐; 溢出:隐藏; } .svg内容{ 显示:内联块; 位置:绝对位置; 排名:0; 左:0; } SVG有一个viewBox,因此SVG将根据其父容器的大小进行缩放。无法使SVG的一部分不可缩放 如果要在保持图案大小不变的同时更改圆
试试这个,它是100%响应的。希望你能找到解决办法 .svg容器{ 显示:内联块; 位置:相对位置; 宽度:100%; 垫底:100%; 垂直对齐:中间对齐; 溢出:隐藏; } .svg内容{ 显示:内联块; 位置:绝对位置; 排名:0; 左:0; } SVG有一个viewBox,因此SVG将根据其父容器的大小进行缩放。无法使SVG的一部分不可缩放 如果要在保持图案大小不变的同时更改圆的大小,请更改圆的大小,而不是整个SVG svg{ 宽度:40%; }