Ipad 带有固定顶部菜单栏和正文的平板电脑或智能设备缩放网页-看起来很糟糕

我真的很坚持这一点：

我有一个静态页面，上面有一个固定的菜单栏，z索引更高。页面主体是菜单栏下较低的z索引

当我在智能手机或平板电脑上查看此页面时，我会用手指分别缩放顶部菜单栏和主体缩放，这让客户非常恼火。当有人用手指在智能平板电脑或设备上缩放页面时，我是否可以将页面一起缩放（顶部菜单栏和主体）？以下是网页：

身体在顶部菜单栏的下方正确流动，但我需要在智能手机或ipad上将这两个元素放大

谢谢你的帮助

---

Erik

我一直在努力解决这个问题，基本上，放大时，固定菜单不起作用。我认为在缩放时可以更改菜单的类别，这样当用户在菜单中缩放时，菜单将变为静态或绝对，当100%变为固定。幸运的是有人能帮我检查一下下面的小提琴。希望这有帮助

您可以使用此插件检测缩放，然后将其添加到您的页面

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();

var zoomLevel=document.getElementById（'zoom-level'）；
window.onresize=函数onresize（）{
zoom=DetectZoom.zoom（）；
$（'.navbar'）.text（缩放）；
$（“.navbar”）.removeClass（“缩放”）；
如果（缩放>1）
$（“.navbar”）.addClass（“放大”）；
如果（缩放<1）
$（“.navbar”）.addClass（“缩小”）；
}
onresize（）；