如何避免顶部空间并在justgage中制作完整尺寸？答案

【问题标题】：How to avoid top space and make full dimension in justgage?如何避免顶部空间并在justgage中制作完整尺寸？
【发布时间】：2014-03-14 21:26:09
【问题描述】：

是否有任何选项可以避免顶部空间。实际上，我正在寻找显示为全宽和全高的解决方案。

演示 http://jsfiddle.net/ugFmE/12/

var g = new JustGage({
  id: "spedometer",
  title: "Monthly expense",
  value: 1986, 
  min: 0,
  max: 2450,
  shadowOpacity: 0,
  relativeGaugeSize: true
});

【问题讨论】：

可能有一些 css 你可以摆弄来解决这个问题。
@JustinC css 解决方案影响响应:( 请看小提琴演示jsfiddle.net/ugFmE/11

标签： javascript responsive-design raphael graphael justgage

【解决方案1】：

在 div 中添加一些 css 使其上升...

#spedometer{ 
    margin-top: -##px 
}

其中 '##' 是您希望将 div 移向顶部的像素数量。

演示 http://jsfiddle.net/ugFmE/17/

【讨论】：

到目前为止，这是唯一的方法。鉴于创作者在 11 个月前说过，隐藏标题的选项已经在作品中……但仍然没有。这不是响应速度的最佳解决方案，但可以解决问题.. 这里：github.com/toorshia/justgage/issues/60
您可以通过使用 % 而不是 px 使其响应式工作：#speedometer { margin-top: -20%; }

【解决方案2】：

使用 div 标签的 style 属性，将 top-margin 的值改为负数。希望对你有帮助

<div id="g1" style= margin-top:-100px;></div>

window.onload = function () {
    var g1 = new JustGage({
        id: "g1",
        value: getRandomInt(0, 100),
        min: 0,
        max: 100,
        relativeGaugeSize: true
    });
}

【讨论】：