Jquery Mobile konusuna buradaki yazım ile giriş yapmıştık, fakat örnek üzerinde çalışan bazı arkadaşlarımdan geri dönüşler aldım ve genelde örneklerin görüntüsünün bilgisayarlarında farklı, mobil cihazlarında farklı olmasıydı. Jquery Mobile ile yazılan bir kodun çıktısı bazı mobile cihazların dikey pozisyonlarında küçük görünebiliyor, bunun sebebi Jquery Mobile a cihazın genişlik (width) ve ilk ölçek (initial scale) değerini tanımlamıyor oluşumuzdur.
Tanımlamak için birçok yöntem bulunsa da ben genelde küçük bir meta ile o işi hallediyorum;
<meta name="viewport" content="width=device-width, initial-scale=1">
Buradaki width=device-width ile sayfamızın genişliğinin cihazımızın genişliğine eşit olması gerektiğini belirtiyoruz, width=initial-scale=1 ile de ölçeğimizin 1 olduğunu tanımlıyoruz. Umarım faydalı olur, herkese iyi çalışmalar dilerim.