製作響應板

JS FIDDLE DEMO 製作響應板

我想按照這個思路引導使用創建儀表板：

https://www.behance.net/gallery/6355085/dashboard-analytics

現在我已經得到了here

但後來我意識到在不同的瀏覽器上面板的高度不一樣。

在Firefox：

enter image description here

在Chrome中：

enter image description here

如果我放大，他們不是彼此相鄰的了：

enter image description here

小碼我要補充，以適應SO的規則：

#righthalfHorizontalPanel{ 
    width: 45.5%; 
    margin:5px 8px 0px 0px; 
    background-color:white; 
    border:1px solid; 
    min-height:290px; 
    float:right; 
}

來源

2014-11-21 NeedAnswers

添加像下面的CSS代碼：

#pBody{margin-left:105px; padding-right:8px;} 
#halfHorizontalPanel{margin-left:0px; margin-right:0px;} 
#lefthalfHorizontalPanel{margin:8px 0px; width:50%; } 
#righthalfHorizontalPanel{margin:8px 0px; width:50%;}

http://jsfiddle.net/ettmujvg/17/

來源

2014-11-21 07:48:46 Cattla

非常感謝Cattla，你又救了我。我能問一兩件事有關的高度？我不想將它設置爲像素，我可以將它設置爲百分比嗎？這樣我不必擔心其他顯示器的大小？ – NeedAnswers 2014-11-21 07:54:25

@hoangnnm你想lefthalfHorizontalPanel和righthalfHorizontalPanel高度相同所有的時間？ – Cattla 2014-11-21 07:59:37

是的，這個想法是讓他們適應身體的高度，所以在不同的瀏覽器和設備，他們看起來都不錯 – NeedAnswers 2014-11-21 08:08:14

回答

相關問題