本当にこれにこだわった：
より高い z-index で上部に固定メニュー バーがある静的ページがあります。ページの本文は、メニュー バーの下の z-index の下にあります。
スマートフォンやタブレットでこのページを表示しているときに、上部のメニュー バーとボディ ズームの両方を指で別々にズームすると、クライアントにとって非常に煩わしくなります。誰かがスマート タブレットまたはデバイスで指でズームしたときに、ページ (上部のメニュー バーと本文) を一緒にズームすることはできますか? ここにページがあります：
ボディはトップ メニュー バーの下に正しく流れますが、スマートフォンまたは iPad で両方の要素を一緒にズームする必要がありますか?
ご協力ありがとうございました。
エリック
私は基本的にこれに苦労していました。ズームインすると固定メニューが機能しません。ユーザーがズームインするとメニューが静的または絶対になり、ズーム時にメニューのクラスを変更できると思いました。 100%固定になります。幸いなことに、誰かが以下のフィドルをチェックするのを手伝ってくれました。お役に立てれば。
このプラグインを使用してズームhttps://github.com/yonran/detect-zoomを検出し、これをページに追加できます。
var zoomLevel = document.getElementById('zoom-level');
window.onresize = function onresize() {
zoom = DetectZoom.zoom();
$('.navbar').text(zoom);
$(".navbar").removeClass("zoomed");
if(zoom > 1)
$(".navbar").addClass("zoomed in");
if(zoom < 1)
$(".navbar").addClass("zoomed out");
}
onresize();