İpad responsive site sorunu

levnet
07-02-2018, 13:07   |  #1  
levnet avatarı
OP Taze Üye
Teşekkür Sayısı: 0
2 mesaj
Kayıt Tarihi:Kayıt: Şub 2018

Merhaba arkadaşlar

Benim 9,7 inç boyutunda bir İpad'im var. Tabletimden çok memnunum. Hiçbir sorun yok. Ancak öğrencimin yaptığı basit bir site var. Proje çalışması. Zaten google sites formatında. sitesgoogle dogumgunuhediyekonsept . Çok basit bir site. ancak benim tabletimde düzgün görünmüyor. İphone ekranda sorun yok. Tamamen düzgün görünüyor.

Ancak İpad ile açtığımda sorun var. Kendi tarayıcımda bu sorun var. Başka bir arkadaşın daha İpad'i var. Onda açtık, sorun yok. Bu nasıl iş ben anlamadım. 

Bana yardımcı olursanız sevinirim.

timlange9049
07-12-2024, 03:15   |  #2  
Taze Üye
Teşekkür Sayısı: 0
2 mesaj
Kayıt Tarihi:Kayıt: Mar 2024

Merhaba,

Bu tür bir sorun genellikle cihazın ekran çözünürlüğü
veya tarayıcı ayarlarıyla ilgili olabilir. İlk olarak, iPad’inizde
kullanılan Safari tarayıcısının güncel olduğundan emin olun. Ayrıca,
farklı bir tarayıcı (örneğin Chrome) kullanmayı deneyebilirsiniz. Eğer
hâlâ sorun devam ediyorsa, tabletinizin ekran çözünürlüğü ve site
tasarımının uyumsuzluğu da bir etken olabilir. Özellikle Google Sites
gibi platformlarda, mobil ve tablet uyumluluğu bazen sorun olabiliyor.

Bir
diğer olasılık, iPad’inizdeki "Küçük Ekran Modu" veya "Sıkıştırılmış
Ekran" gibi özelliklerin etkili olup olmadığına bakmak. Bu modlar bazen
web sitelerinin düzgün görüntülenmesini engelleyebilir. Ayarlarda bu
özellikleri kontrol etmek de faydalı olabilir.

Başka bir cihazda sorun yaşanmıyorsa, cihazdaki farklılıklar veya tarayıcı ayarları bu durumu tetikliyor olabilir...

Mesela
----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen
  and (min-width: 1024px)
  and (max-height: 1366px)
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Portrait */
@media only screen
  and (min-width: 1024px)
  and (max-height: 1366px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Landscape */
@media only screen
  and (min-width: 1024px)
  and (max-height: 1366px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1.5) {

}