css - 为什么此页面上的数据 Angular 色 ="fieldcontain"没有设置样式？

Question

jQuery Mobile Docs 说，如果我们将表单元素包装在包含 data-role="fieldcontain" 的 div 中，则会应用适当的样式，例如底部的水平线。

我花了几个小时试图弄清楚为什么这不起作用，所以我只是想知道这个功能是从 1.0 Final 中删除的还是这个错误？我可以发誓这几天前还在工作。

作为示例，我准备了这个简单的 html 页面，其中包含通过 CDN 传送的默认脚本:http://jsfiddle.net/eQe5A/ .

有人可以阐明这个问题吗。

谢谢，克利克科

编辑:

经过更多研究后，我发现 Safari 和 Opera 是唯一可以像移动浏览器一样呈现 jQuery Mobile 页面的桌面浏览器。我上面的问题与当浏览器大小小于 450px 时应用于表单元素的特殊样式有关。这些样式会在表单元素下方添加水平线分隔符，如果宽度小于 450 像素，则会将标签移动到字段上方，如果宽度超过 450 像素，则会移除水平线并将标签放在字段旁边。如上所述，只有 Safari 和 Opera 桌面浏览器才能正确呈现此内容，所以我想如果您在本地计算机上进行测试，请使用这两种浏览器。

谢谢大家的回复!

Answer 1

如果您在移动设备上查看 jsFiddle(我使用的是 iPhone 4 iOS 5)，则会出现样式