Jquery Mobile'da yatay olarak nasıl kaydırılır?

Question

Mobil ortamda görüntülendiğinde kesilen temel bir tablo düzenini kullanıyorum. Yatay kaydırma işe yaramaz. Tablo temelde sıkışmış ve cutoff. Sadece dikey kaydırma çalışır. Jquery Mobile'da yatay kaydırmayı etkinleştirmek mümkün mü? masaüstü tarayıcıda

Ekran Görüntüsü: Mobil cihazlarda

Ekran Görüntüsü: Boyutu değiştirilen masaüstü tarayıcıda

görüntüsü (yatay kaydırma da çalışmıyor):

örnek kod: BTW

<div style="overflow-x:auto"> 
<table> 
     <tr> 
      <td>foo</td> 
      <td>foo</td> 
      <td>foo</td>   
     </tr> 
</table>    
</div> 

Ben <meta name="viewport" content="width=device-width, initial-scale=1"> yatay kaydırma eserler kaldırmak ancak daha sonra cep telefonunun genişliği büyük hale gelmiştir ve mobil görünümü amacı oldukça yenilir eğer. Herhangi bir geçici çözüm var mı?

Answer 1

viewport meta etiketinizi içeriğinizle eşleşen belirli bir width olarak ayarlayabileceğinizi düşünüyorum. Böylece sayfanızın ne kadar genişlediğini sınırlayabilirsiniz. width=device-width olduğunu ancak bu bağlamda ne gerek gibi geliyor gibi bu hoş karşılanmaz-upon edilir bunun beri genel anlamda

<meta name="viewport" content="width=600px, initial-scale=1"> 

duyarlı değil.

NOT: Bu denenmemiş olduğu, daha önce viewport etiketinde width ilanı için bir piksel değeri hiç kullanmadım. Anladığım kadarıyla, bu özellik her şeyin varsayılan olarak görünmesini sağlamalı, daha sonra kullanıcı metni daha kolay okuması için içeri/dışarı yakınlaştırabilir.

İyi desteklenen alternatif JavaScript ile sahte kaydırma kullanmaktır. IScroll 4 gibi önceden hazırlanmış çözümler var (diğerleri de dışarıdalar ama şu anda beni kaçıyorlar). İlginizi çekiyorsa

, burada viewport meta etiket için Apple belgelerine geçerli: Size daha iyi yardımcı olabilmemiz için