問題タブ [zoom-sdk]

したがって、基本的には、Web サイトのユーザーがズーム レベルを常に特定のポイント以下に下げることができないようにしたいと考えています。そうする理由は、彼らが私のフロントエンド設計のいくつかの落とし穴を見ないようにするためです. 基本的に、歪んだコンテナ abd が必要でした。そのために、CSS プロパティの transform: "skewY()" を使用して、長方形で水平な「メイン」div コンテナの周囲に特定の角度で配置された 4 つの div を作成しました。主なものには水平方向の文字と対応する背景色が含まれ、他のものは歪んだコンポーネントを提供します。このようにして、四角い中央の div は、次のように特定の角度にあるかのように表示されます。

ただし、ズーム レベルが 67% 未満に設定されている場合、不完全さが生じ、ユーザーは「水平 div」とそれを囲む 2 つの div を見ることができます。サイズだけ見ると見栄えが悪いです。相対位置、z-index、パディングなどの CSS プロパティを設定することで最善を尽くしましたが、完璧にすることはできませんでした。ウェブサイトの全体的なパフォーマンスに影響を与える可能性があります):

ズーム レベルを特定のパーセンテージ未満に設定しないようにするにはどうすればよいですか? アクセサリ div を使用するよりも「歪んだ」コンテナを作成するよりエレガントな方法はありますか?

Flutter で MapBox を使用する場合、ズーム レベルの変化を検出する簡単な方法はないようです。Flutter 以外の実装やネイティブ SDK の実装についてはさまざまなリファレンスが存在しますが、Flutter の対応するものを見つけるのは簡単ではありません。ズーム レベルの変更を検出するためのドキュメントまたはコード例を教えてください。