在 raphael 中，响应功能运行良好，不幸的是，在 safari 浏览器中调整宽度时，高度不会降低。特别是在移动浏览器中 :(
拉斐尔代码
var svgWidth = 480;
var svgHeight = 300;
var patient02 = new Raphael('patient02-mobile', svgWidth, svgHeight);
patient02.setSize('100%',0);
patient02.setViewBox(-30, 0, svgWidth, svgHeight, false); //false
最佳答案
尝试将此添加到您的 <head> 之间标签...
<meta name="viewport" content="width=device-width">
不过，我一直发现这在移动设备中是个问题。它将使用横向和纵向模式之间的最大高度和最大宽度。但有时，只是一个或另一个...
关于javascript - 缩小宽度时如何调整高度？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16702104/