Forum
Aktif konular
Üyeler
Kurallar
Arama
Phonegap Kulananlara Bi Soru Phonegap Kulananlara Bi Soru
-
soyle bi sorum var iphone 3 ekran cozunurlugu 320 x 480 iphone 4 in ise 640 x 960 simdi phonegap ile yapacagim app (html5 + css) nin iki iphone icin de uymasi icin nasil yapabilirim div boyutu resim boyutunu nasil dinamik yapabilirim
-
boyutlari 100% vesen width : 100%, height : 100% gibi nasil olur? ya da javascriptle ekranin device'a gore boyutlarini belirlersin..
var ekran_genislik = window.width;
var ekran_yukseklik = window.height;
gibi?
Ya da yine javascript ile istemcinin ne oldugunu anlayabilirsin..
basit bir if koyarsin..
if (istemci == 'iPhone3')
{
width : XXX
}
else if (istemci == 'iPhone4')
{
width : XXX
}
else if (istemci == 'iPhone5')
{
width : XXX
}
else if (istemci == 'Ericcsson 628')
{
width : 6px
}
gibi :D
-
js dışında css media queries şeklinde arayabilirsin.
-
madem HTML vs. hazırlıyorsun özellikle bir tasarımın yoksa ise yaptığın şeyde Jquery Mobile ile yapabilirsin eğerki varsa kullandığın etiketlerin genişliklerini net bir değer değilde "%" olarak belirle, her bir cihaz için ayrı ayrı şeyler yaparsan çok uğraşırsın :)
-
native app lerde bir image retinalarda düzgün istiyorsan,
mesela, retinasız 10x10 ismi de hebele.png
retinalı 20x20 hebele@x2.png
bu şekilde yapınca if e falan gerek kalmadan otomatik handle ediyor alet
iphone 5 için daha farklı bi yapı var ekran boyutu farklı olduğu için.
phonegap de olur mu bilmem :)
SharpShooter tarafından 01/Eki/12 10:18 tarihinde düzenlenmiştir -
SharpShooter bunu yazdı
native app lerde bir image retinalarda düzgün istiyorsan,
mesela, retinasız 10x10 ismi de hebele.png
retinalı 20x20 hebele@x2.png
bu şekilde yapınca if e falan gerek kalmadan otomatik handle ediyor alet
iphone 5 için daha farklı bi yapı var ekran boyutu farklı olduğu için.
phonegap de olur mu bilmem :)
tamamda orneyin imageyi hebele@x2.png yaptim div boyutlarini nasil haledicem ?
-
sezeruludag en basit ve etkili olanı söylemiş, dikkate almadıysan araştır. Ayrıca şöyle de bir aran, bu da işine yarayacak : http://www.google.com/search?q=responsive+web+design
Kısayol
Şikayet
Özel Mesaj
Alıntı yap
Cevapla