如何在jQuery mobile中降低面板的高度

我在jQm中制作了一个面板。我想降低面板的高度。我添加了高度属性但重要但它不起作用。我也谷歌它没有找到任何解决方案你能告诉我如何降低面板的高度。

这里是小提琴http://jsfiddle.net/7Cmb3/8/

#mypanel{ height:100px !important } 

谢谢

Answer 1

在JQM面板中，最小高度为100％。 因此，请在样式表中尝试以下内容。

 .ui-panel{ min-height:100px !important; max-height: 100px !important; min-width:100px !important; max-width: 100px !important; overflow-y:scroll; overflow-x:scroll; } 

看看这个FIDDLE DEMO

检查这个只是为了减少高度FIDDLE DEMO