4

4000px 幅の背景を持つ Web ページを作成しました。Windows、Mac、iPad の Chrome と Safari ではうまくスクロールします。ご想像のとおり、問題なく左、上、右にスクロールできます。

しかし、このページを .wdgt 形式に変換して iBooks にインポートし、iPad (4) でプレビューすると、ページはどの方向にもスクロールしません。

本文とコンテナの CSS に追加しようとしましoverflow: scroll; -webkit-overflow-scrolling: touch;たが、問題は解決しません。

HTML

<body>
<div id="container">
</div>
<body>

CSS

/* General */
* {
    margin: 0;
    padding: 0;
}
body {
    font-family: Verdana, sans-serif;

}

#container {
    width: 10158px;
    height: 974px;
    background: url(../img/1B.jpg) no-repeat;
    -webkit-background-size: 10158px 974px;

}

これを解決する方法を知っている人はいますか？それはCSSまたはJavaScriptの問題ですか？

前もって感謝します。

4

2 に答える 2

1

ここを見てください：

https://github.com/edwilde/iBooks-HTML-Widget-Boilerplate

これは、iBooks 用にビルドするための定型文であり、問​​題を明確にターゲットにして修正しているようです。

別の提案は、次のような iFrame を使用することです。

<div id="container" style="overflow: scroll; -webkit-overflow-scrolling: touch;">
    <iframe width="4000" height="100%" src="">
&lt;/iframe>
</div>
于 2013-06-14T08:15:33.933 に答える
0

頭の中に次のようなものを追加しましたか？
meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0"

于 2013-06-12T11:16:11.120 に答える