减小宽度时如何调整高度?

时间:2013-05-22 21:45:21

标签: javascript css3 cross-browser responsive-design graphael

在raphael响应功能中工作得很好,遗憾的是,在 safari 浏览器中调整大小时,高度不会降低。特别是在移动浏览器中:(

Rapheal代码

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

http://jsfiddle.net/Ta8mR/9/

1 个答案:

答案 0 :(得分:0)

尝试在您的<head>代码中添加此内容...

<meta name="viewport" content="width=device-width">

虽然,我总是发现这是移动设备中的一个问题。它将使用横向和纵向模式之间的最大高度和最大宽度。有时候,只是其中一个......