javascript - 如何降低 jQuery Mobile 中面板的高度

标签 javascript jquery jquery-mobile

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

这里是 fiddle http://jsfiddle.net/7Cmb3/8/

#mypanel{

    height:100px !important
}

谢谢

最佳答案

在 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

关于javascript - 如何降低 jQuery Mobile 中面板的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24187455/

相关文章:

javascript - 在没有 iframe 的情况下等待页面加载然后显示它?

javascript - video.js 的回调函数?

javascript - 样式切换器帮助

javascript - 为什么使用 `$("#submitButton").submit(function(){})` 绑定(bind)提交事件不起作用?

javascript - 如何使用 jquery 停止移动屏幕旋转?

JavaScript 正则表达式 dotall 和 global 标志

javascript - Angular ng-show 不根据函数返回值显示/隐藏

android - 2014 年最佳移动检测(Rails 和 JS)

javascript - 使用正则表达式根据匹配模式拆分字符串

jquery-mobile - jQuery 移动 : number input and plus/minus buttons inline