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 me how to reduce the height of panel .?

here is fiddle http://jsfiddle.net/7Cmb3/8/

#mypanel{

    height:100px !important
}

Thanks

回答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

来源：https://stackoverflow.com/questions/24187455/how-to-reduce-the-height-of-panel-in-jquery-mobile