iphone - iOS で特定のページ要素をピンチズームできないようにする

Question

ヘッダーが固定された基本的な HTML ページがあります。iPad または iPhone でページをピンチ ズームすると、ヘッダーがページの端からはみ出してしまい、ページをドラッグしてすべてを表示することができません。

ページ全体がズーム可能にならないようにすることはできますが、この固定ヘッダーだけをズームせず、ページの残りの部分を通常どおりズームしたいと思います。

これを行う方法はありますか？

編集：

ここに私のCSS / HTMLがあります

body {
    margin:0;
    padding:0;
}

.nozoom {
    width:100%;
    position:fixed;
    top:0px;
    margin:0 auto;
}

.nozoom > div {
    width:1008px;
    margin:0 auto;
    background-color:#444;
    height:100px;
}

.yeszoom {
    width:1008px;
    margin:100px auto 0;
    background-color:#096;
}

と...

<div class="nozoom"><div>This must not zoom and if you look carefully you'll see that you can never see the content of this which is completely over to the left - one two three four five six seven eight nine ten eleven twelve thirteen... dfgkjhdfsklhj dsfkjghl sdflghsdfklg sdfklg dsfkgh skdlfgh ksdlf ghskdlfgh jklsdfhg jklsdfg hsdfghj sdflkg hlsdf sdfg kljsdf jksdf sdfkjg sdfg ksdjfl gjkldsfg klsdfhgljksdf gsd kjlsdfh glskjdfhg jsdf hsdflk gsdf</div></div>
<div class="yeszoom">
<p>sdfgdsfgdsfgdfsga gsdf gsdf </p>
<p>fhgdfgh dffhgdfghdfgh dfg......</p>
<!-- Loads more content here-->
</div>