ホームページ  >  記事  >  ウェブフロントエンド  >  日々のメモ 20160223_html/css_WEB-ITnose

日々のメモ 20160223_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:26:041011ブラウズ

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を使用できるようになりました。

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

    改善に次ぐ改善:

    🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜
    声明:
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。