Запретить масштабирование определенных элементов страницы на iOS

У меня есть базовая 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>