javascript - NativeDroid HTML5 JS css jQuery Mobile 模板在 iOS 7 中崩溃

Question

我开始在 NativeDroid 模板上开发一个移动解决方案，它是一个 HTML5 JS css 模板 (http://nativedroid.godesign.ch/)。最近我的一个 friend 告诉我，该模板无法在运行 iOS7 的设备上运行。我在几个设备上试过了。

当您也从该站点上的演示运行时，例如它正在停止的表单示例页面。

iOS7 中是否有任何功能不再支持并可能导致停止工作？

Answer 1

在iOS设备上崩溃的原因在jquerymobile.nativedroid.css中的以下几行CSS:

.ui-checkbox input,.ui-radio input {
    display: block;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0.01;
}

如果你删除 width: 1px; height: 1px; - 正常工作的属性。

.ui-checkbox input,.ui-radio input {
    display: block;
    overflow: hidden;
    opacity: 0.01;
}

如果您可以用两行简单的代码使浏览器崩溃，那是很奇怪的 - 但没有浏览器是完美的;-)

我已经在 jQM 1.4.x 的当前版本 0.2.6 中修复了这个问题

您可以在此处下载修复后的 css 文件:

v0.2.4 - http://nativedroid.godesign.ch/v0.2.4/css/jquerymobile.nativedroid.css

v0.2.3 - http://nativedroid.godesign.ch/v0.2.3/css/jquerymobile.nativedroid.css

v0.2.2 - http://nativedroid.godesign.ch/v0.2.2/css/jquerymobile.nativedroid.css

v0.2.1 - http://nativedroid.godesign.ch/v0.2.1/css/jquerymobile.nativedroid.css

v0.2.0 - http://nativedroid.godesign.ch/v0.2/css/jquerymobile.nativedroid.css

v0.1.0 - http://nativedroid.godesign.ch/v0.1/css/jquerymobile.nativedroid.css