css - 将 Chartkick 折线图设置为正方形

Question

我需要 Chartkick 折线图始终为正方形，无论屏幕尺寸如何。我知道我可以直接输入宽度和高度，但是如果我输入 400x400，无论屏幕分辨率如何，它总是那个尺寸。但我需要它来响应。

Answer 1

对于响应式，您必须使用响应式样式表。

示例:http://www.w3schools.com/html/html_responsive.asp

我有另一个建议获取窗口大小并使用窗口大小调整图表。

$(document).ready(function(){
	alert($(window).width());
  alert($(window).height());
});

 <script src="//code.jquery.com/jquery-1.10.2.js"></script>