Jump to content
Forumu Destekleyenlere Katılın ×
Paticik Forumları
2000 lerden beri faal olan, çok şukela bir paylaşım platformuyuz. Hoşgeldiniz.

iphone ve android i olan arkadaslar


reyou

Öne çıkan mesajlar

reyou said:

uff bu listeyi bi web servisi ile ceksem neguzel olur yaw :)


vaay çok zekice bi yöntem varmış :)



şöyle bir div ekliyorsun

daha sonra sayfa load olduğunda ppi değerini

var screenPPI = document.querySelector('#ppitest').offsetWidth;

ile öğreniyorsun, istersen şunu sayfaya yükle deneyelim

kaynak: http://stackoverflow.com/questions/279749/detecting-the-system-dpi-ppi-from-js-css

ile
Link to comment
Sosyal ağlarda paylaş

reyou said:

yok denedim bunu olmuyo bu paso 96ppi diye gosteriyo


oradan esinlenerek bir script yazdım, deneyebilir misin?

benim tablette ve pc de denedim ufak farklar var fakat yaklaşık olarak değeri veriyor :)
(tablet gerçek 171 > getPPI() = 179)
(pc gerçek 111 > getPPI() = 107) gibi.

http://pastebin.com/bz5tFNh6

bu da test sayfası için html:

http://pastebin.com/4v3VUf1U
Link to comment
Sosyal ağlarda paylaş

bu arada sunu farkettim tarayicidan tarayiciya farkediyor, chrome for android ile denedim ben opera 3ppi daha fazla gosteriyor mesela

belki de olcum mantigini biraz degistirmek gerek

ben bahsedeyim belki bir fikir gelir

simdi 1inch yuksekliginde fonta sahip bir div yaratiyoruz, bunu yukseklik degerini okudugumuzda pixel cinsinden degerini veriyor, aslinda pc ler icin bu deger direkt olarak ppi degeri

fakat mobile tarayicilar otomatik olarak bi kucultme yapiyor
screen genisligi bize yatayda kac pixel oldugunu soyluyor sonra genisligi 100% olan bi div ekliyoruz bununda js ile okudugumuz genislik degeri olceklendirilmis hali oluyor

gercek ile olceklendirilmisi oranlayip 1in yukseklige karsilik gelen pixel sayisi ile carpinca ppi degerinin cikmasi lazim diye dusundum

burada aslinda tarayicilarin son surum olmasi onemli
Link to comment
Sosyal ağlarda paylaş

istedigim seyi


<meta name="viewport" content="width=device-width, initial-scale=1.0,
maximum-scale=1.0, user-scalable=no" />

koduyla hallettim, bu eger browser mobile ise direk olarak browser i scale ediyo, tam aradigim sey oldu aslinda.

bide mobile web gelistirirken herseyi px yerine em ile kullanin o zaman cross device calisiyo herseyiniz.

cokguzel :D
Link to comment
Sosyal ağlarda paylaş

×
×
  • Yeni Oluştur...