减小宽度时如何调整高度？答案

【问题标题】：How to resize the height when reduce width?减小宽度时如何调整高度？
【发布时间】：2013-05-18 02:45:38
【问题描述】：

在运行良好的 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

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

【问题讨论】：

标签： javascript css cross-browser responsive-design graphael

【解决方案1】：

尝试在您的 <head> 标签之间添加它...

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

不过，我一直发现这在移动设备中是个问题。它将使用横向和纵向模式之间的最大高度和最大宽度。但有时，只是其中之一......

【讨论】：