Twitter的引導和Highchart：水平滾動，互聯網的響應

Question

尊敬的長者 - 我創建了一個頭痛的自己，我希望你能幫助:-)

這是一個兩部分的問題。我有三個面板的頁面，並希望有一個水平滑梯。 For this I have created buttons, see live demo here.

1.橫向滑動，響應 當點擊右上角的按鈕「兩個右窗格」我希望頁面只顯示的是：兩個右窗格只。這在大屏幕上不是問題，但我無法讓它適用於稍微小一點的（媒體查詢和進一步的響應，我想我可以弄清楚）。

類似地;點擊「單個左側窗格」我希望它拉伸第三個（最右側）面板，並隱藏其他兩個。

顯然，我希望它對100％的視口做出響應。

2. Highchart 我無法讓Highchart圖表根據左上角的按鈕滑動。如果我調整整個窗口的尺寸，高圖將調整，但滑動面板時我無法調整它。對於有效的圖表演示，請在第三個面板中向下滾動（這是「自制」圖表）。

我試圖在下面的截圖中說明問題。

（我已經發布another question relating to the same page,，如果你應該如此傾向於看一看）。

我懷疑這很簡單，但是我不能爲我的生活找出我出錯的地方。任何提示將不勝感激。祝一切順利。

Answer 1

嗯，好人，我有點想出了自己......爲了別人可能的好處;我的解決方案是設置兩個第一列的寬度固定（或者說，最大寬度），從而使用calc來計算第三列的大小減去兩個固定寬度的div。

width: -webkit-calc(98% - 520px); 
width: calc(98% - 520px); 

對於問題的Highchart部分，非常感謝@Pawel提示答案。我並沒有完全解決這個問題，因爲我們現在正在討論是否使用Highcharts是一條路。如果是這樣，我想我以後可能會回來更多的問題。

Answer 2

Highcharts將調整僅當大小的窗口，如果你要調整圖表使用chart.setSize(w,h)，看到reference。