0

ラチェット初心者です。最近、Web アプリを作成したところ、Android エクスプローラーと iOS エクスプローラーでモーダルの表示が異なることがわかりました。

通常、モーダルはトップ バー ( http://cnratchet.com/components/#modals ) を持つことができますが、iOS プラットフォームでは発生しません。iPad mini (Retina) で試してみました。しかし、私の Android(HTC) フォンでは、正常に表示できます。トップバーと閉じるボタンはありません。そのため、iOS ユーザーがモーダルを閉じるのは困難です。

これは HTML の私の頭の部分です:

<meta charset="utf-8">
<title>Title</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- Set a shorter title for iOS6 devices when saved to home screen -->
<meta name="apple-mobile-web-app-title" content="Ratchet">
<!-- Roboto -->
<link rel="stylesheet" href="//fonts.lug.ustc.edu.cn/css?family=Roboto:400,500,700">

<link rel="stylesheet" href="Application/Home/View/Public/css/ratchet.min.css"> 
<link rel="stylesheet" href="Application/Home/View/Public/css/ratchet-theme-ios.min.css">
<!--<link rel="stylesheet" href="Application/Home/View/Public/css/ratchet-theme-android.min.css"> -->
<script src="Application/Home/View/Public/js/ratchet.min.js"></script>
<script src="Application/Home/View/Public/js/push.js"></script>
<!--<script src="Application/Home/View/Public/js/slide.js"></script>-->

評判が限られているため、画像を添付できません。

それで、誰かが共有する解決策を持っていますか? それとも、Ratchet-2.0.2 の単一のバグでしょうか?

4

1 に答える 1

1

このルールを独自の CSS に追加することで修正できると思います。

header.bar.bar-nav {
  -webkit-transform: translateZ(0);
}
于 2015-11-12T07:11:56.233 に答える