Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使SVG模式不响应?_Html_Svg - Fatal编程技术网

Html 如何使SVG模式不响应?

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

我有以下SVG。大小取决于它显示的位置

无论圆有多大/多小,我都希望图案保持在规定的大小

这可能吗

谢谢:


试试这个,它是100%响应的。希望你能找到解决办法

.svg容器{ 显示:内联块; 位置:相对位置; 宽度:100%; 垫底:100%; 垂直对齐:中间对齐; 溢出:隐藏; } .svg内容{ 显示:内联块; 位置:绝对位置; 排名:0; 左:0; } SVG有一个viewBox,因此SVG将根据其父容器的大小进行缩放。无法使SVG的一部分不可缩放

如果要在保持图案大小不变的同时更改圆的大小,请更改圆的大小,而不是整个SVG

svg{ 宽度:40%; }