Sırasız bir liste ile mobil web uygulaması, her li bir köprü içinde birden fazla listıtems içeren var:

...Benim sorum nasıl bir iPhone üzerinde görüntülendiğinde boyutu değişmez, böylece köprüler biçimi miyim, accellerometer portre - ^ dan geçer . manzara? Şu anda, köprü yazı tipi boyutu spec 14px ama yatay geçiş yaparken, çok kötü bir şey yapması için 20 piksel gibi. Yazı tipi boyutu aynı kalmak istiyorum. İşte kod:

ul li a
{
  font-size:14px;
  text-decoration: none;
  color: #cc9999;
}

<ul>
  <li id="home" class="active">
    <a href="home.html">HOME</a>
  </li>
  <li id="home" class="active">
    <a href="test.html">TEST</a>
  </li>
</ul>

-webkit-text-size-adjust CSS özelliği ile bu davranışı devre dışı bırakabilirsiniz

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

Bu özellik, daha sonra Safari Web Content Guide olarak açıklanmıştır.