日々のメモ 20160223_html/css_WEB-ITnose-htmlチュートリアル-php.cn

日々のメモ 20160223_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:26:04

オリジナル

1078 人が閲覧しました

1. Webview および overflow:hidden で本文に固定の高さを設定することは無効です

解決策:

本文の下のすべてのコンテンツを div のレイヤーでラップする必要があります。例:

<body>    <div class="wrap">    //content.......    </div></body>

ログイン後にコピー

現時点では、className =wrap の div は、高さが固定されており、overflow:hidden

2 の場合にのみ有効です。一部の Android 4.4 以降のモデルと IOS モデルでは、音楽を再生する前にユーザーの操作を待つ必要があります。、つまり、音楽を自動的に再生することはできません。 (ただし、WeChat では可能です。私の個人的な理解では、WeChat WebView カーネルが特別に処理されていると考えています。正確な理由を知っている人がいたら、修正してください)

解決策: ユーザーが初めてタッチしたとき ( touchend、touchstart を使用してください（互換性のないモデルもあります）ページ、音楽再生のトリガー

3. WeChat クライアントには、高さ 64px のクライアントバナーが付属しているため、モデルの画面互換性を作成する場合、高さ 64px を引くことを忘れないでください。

例:

iphone4：320*480 =》 320*416

iphone5：320*568 =》 320*504

iphone6：375*667 =》 375*603

iphone6+：414 *736 =》 414*672

4. 以前ページを作成していた際、CSSで導入した画像が表示できない機種がありました。

その後、調査した結果、背景属性を使用して画像を導入したことが原因であることが判明したため、代わりにbackground-imageを使用できるようになりました。

写質問には問題があります:

改善に次ぐ改善:

🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜