dan*_*nde 8 css jquery jquery-mobile
在新的jQuery mobile中有一个新的面板选项.我实现了它并且它可以工作,但我想自定义面板的宽度.标准宽度为272px,这对我的使用有点多.我试过用过
.ui-panel{width:150px;}
Run Code Online (Sandbox Code Playgroud)
CSS选择器,但这只是调整面板的内容.面板本身保持可见并保持相同的宽度.使用firefox和chrome中的检查器我无法找到负责此面板的正确div.任何人都可以帮我找到一种以正确的方式调整面板大小的方法吗?
tyl*_*erl 16
我想到了!真的,这并不复杂.我自己只是使用structure.css,但如果你正在使用其他CSS文件,可能还有更多的自定义.无论如何...
使用您喜欢的编辑器,查找并替换"17em"并将其替换为您实际需要的值.左侧面板采用造型设计,右侧面板采用造型设计.我不会急于完成整个过程,因为这里或那里可能存在无关的"17em".它只需要一分钟......
这是一个简单的答案,但我对自己很满意:p
Pav*_*nin 11
我自己也有同样的问题,并按照tylerl的建议用我需要的宽度替换17em.哪个效果很好,除了我使用谷歌cdn加载CSS的事实,所以我无法直接更改它,一般来说我不是更改库代码的忠实粉丝.
所以玩了一下我想出了这个代码来重新定义默认的jquery mobile的css https://gist.github.com/geekdevs/5433246
您可以分别配置左侧和右侧边栏的宽度.这是一个很少的代码,但只需用你需要的宽度替换@ left-sidebar-width和@ right-sidebar-width就可以使它适用于普通的CSS.