制作响应板

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

回答

相关问题