jquery - モバイルサイト-特定のズーム不可能な領域

Question

私は、実行時にjQueryを介してかなりの数のサイト（会社が他のWebプロパティを宣伝したい）に含まれているツールバーを開発しました。今、彼らはモバイル版を望んでいます。このツールバーがモバイル以外のWebサイトで何をするかを考え始めるまでは、すべてが良さそうです。彼らは、ツールバーのバージョンをサイトではなくデバイスで駆動することを望んでいます...したがって、モバイル向けに最適化されていないサイトを見る場合でも、少なくともより多くのサイトが最適化されるまで、モバイル向けに最適化されたツールバーを入手することを望んでいます。

私はこれをひどく説明していることを知っています...だから、ここに写真があります：

そのようなレイアウトも可能ですか？ページの残りの部分を正常に動作させたまま、ページのセクションをズーム不可に指定できますか？サイト全体のビューポートスケーリングを設定できるのと同じように、要素のスケーリングを設定できますか？

Answer 1

私が知る限り (私はモバイル ブラウザーで作業しました)、単一の要素ではなく、ページ全体のズームのみを有効または無効にできます。

私が考えることができる唯一のことは、Javascript でサイズ変更/ズーム イベントをキャッチして、それらがトリガーされたときに要素を調整しようとすることです。

しかし、私はこれを個人的にテストしたわけではありません。特に Javascript のサポートはモバイル ブラウザによって大きく異なるため、大変な作業のように思えます。