私は Web デザインに関する学校のプロジェクトを行っていますが、iOS で css3 変換の問題 (または不明な問題) が発生しています。
これは私のデモ Web サイトへのリンクです: http://lovelyiris.byethost17.com/
問題は次のとおりです（ここでは段階的に説明します）
一番下に「新着」というタブがありますよね？
PC では、そのタブをクリックすると、新着ページがスタックのようなフォト アルバムとともに表示され、矢印をクリックすると、CSS3 変換効果で画像が変化します。（私のウェブサイトにアクセスしてテストしてください）。
- そして、これが私のデバイスの問題です-iPod touch gen 3およびipad 2：
- まず、「新着」タブをタップしてもアルバムが表示されません。しかし、別のタブに移動してから「新着」に戻ると、アルバムが表示されます (つまり、ホーム -> 新着 -> 概要 -> 新着)。
- アルバムが表示された後、矢印をタップすると、アルバムが再び消えます。別のタブに移動してから戻ると、アルバムが再び表示され、最後の画像がそこに表示されます!
(デバイスでこれをテストできます)。
ですから、フォトアルバムはまだ機能していると思いますが、間違った方法で. PC で動作したように、最初の画像から最後の画像までスクロールするだけで、間に何も表示されません。
これは、「新着」タブの HTML です。
<section class="st-panel st-color" id="st-panel-2">
<div class="st-deco" data-icon="*"></div>
<h2 id="newarr">New Arrivals</h2>
<section class="main">
<ul id="st-stack" class="st-stack-raw">
<li><div class="st-item"><a href="#"><img src="images/001.jpg" width="400" height="300"/></a></div><div class="st-title"><h2>Dress 1</h2><h3>in Dress Category</h3></div></li>
<li><div class="st-item"><a href="#"><img src="images/002.jpg" width="400" height="300"/></a></div><div class="st-title"><h2>Dress 2</h2><h3>in Dress Category</h3></div></li>
<li><div class="st-item"><a href="#"><img src="images/003.jpg" width="400" height="300"/></a></div><div class="st-title"><h2>Dress 3</h2><h3>in Dress Category</h3></div></li>
<li><div class="st-item"><a href="#"><img src="images/4.jpg" width="400" height="300"/></a></div><div class="st-title"><h2>Dress 4</h2><h3>in Dress Category</h3></div></li>
<li><div class="st-item"><a href="#"><img src="images/5.jpg" width="400" height="300"/></a></div><div class="st-title"><h2>Dress 5</h2><h3>in Dress Category</h3></div></li>
<li><div class="st-item"><a href="#"><img src="images/6.jpg" width="400" height="300"/></a></div><div class="st-title"><h2>Dress 6</h2><h3>in Dress Category</h3></div></li>
<li><div class="st-item"><a href="#"><img src="images/7.jpg" width="400" height="300"/></a></div><div class="st-title"><h2>Dress 7</h2><h3>in Dress Category</h3></div></li>
<li><div class="st-item"><a href="#"><img src="images/8.jpg" width="400" height="300"/></a></div><div class="st-title"><h2>Dress 8</h2><h3>in Dress Category</h3></div></li>
<li><div class="st-item"><a href="#"><img src="images/9.jpg" width="400" height="300"/></a></div><div class="st-title"><h2>Dress 9</h2><h3>in Dress Category</h3></div></li>
<li><div class="st-item"><a href="#"><img src="images/10.jpg" width="400" height="300"/></a></div><div class="st-title"><h2>Dress 10</h2><h3>in Dress Category</h3></div></li>
</ul>
</section>
</section>
そしてcssはここにあります。（すみません、長いファイルです）
それで、私は何を間違えましたか？
そして、他のOS（アンドロイド...）でも同じでしょうか？
ありがとうございました。そして私の悪い英語でごめんなさい。