Meizu モバイル ブラウザの互換性チューニングのベスト プラクティス_html/css_WEB-ITnose

問題 1. Non-position:absolute Container Height:100% が有効にならないため、底部の位置がずれてしまいます

スクリーンショット 1: コンテナの実際の高さは 0 としてレンダリングされます

スクリーンショット 2 :

ノード 1 スタイルには、position:relative; height:100%; が含まれていますが、Meizu モバイル ブラウザでは高さは 0 としてレンダリングされます
ノード 2 は位置エラーを定義します

解決策:

1. ノード 1 の位置:absolute
2 を使用するか、高さが親コンテナーの高さ
3 としてプログラムされるか、またはノード 2 を使用します。IE ブラウザーと互換性を持たせるために、下位の代わりに上位を使用するようにしてください。ベストプラクティスでもあります

質問 2、Meizu モバイル ブラウザー 途中のいくつかの段落のテキスト サイズが自動的に拡大されます

これは Meizu モバイル ブラウザーの機能 (読書体験の最適化) です。ページが 800px を超えると、ブラウザーによって PC バージョンのページとみなされ、このロジックがトリガーされます。
この機能をオフにする方法は、最も外側の div ノードに class="copyr" を追加することです。ノード内のすべての子ノードは、フォント サイズを自動的に拡大する機能をオフにします。なお、bodyノードの追加は無効となります。以下は、特性を閉じた後のエフェクトのスクリーンショットです。

他にも問題があれば随時追加していきますのでフォロー歓迎です。投稿のフィードバック:)