How To Reduce The Height Of Panel In Jquery Mobile

I make a panel in jQm .I want to reduce the height of panel .I added height property with important but it not work .I also google it did not find any solution can you please tell

Solution 1:

In JQM panel the min-height is 100%. So Try like the following in your style sheet.

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

Look at this FIDDLE DEMO

Check this for only reduce the height FIDDLE DEMO