刚开始我和各位一样，对于jquery mobile面板Panel无法调整宽度感到相当的困惑。于是乎满世界地搜索网上的解决方案。 可惜的是，提问的人多，能解决的很少，且是用了大量的CSS代码去复盖jquery mobile原始的css，试用下也有许多的BUG。

然后郁闷的看着代码发呆，原始的panle面板宽度是17em...17em...em....em.。

我的脑洞突然开了，css里的em是相对单位，所以是可以根据父元素来调整的大小。

所以解决方案就是把父元素的font-size调小或调大就是可以直接调整面板panle的宽度了。

默认html或body的font-size是1em。那么把HTML设置成0.8em，面板宽度直接就成了17x0.8=13.6em了。

就是这么简单，

这就是我们经常提倡用em 或rem相对单位， 而不是用px固定单位的原因。

ps: rem是相对根元素的，em是相对父元素的