html stran za telefone

F

Fusion

Fizikalc
1. okt 2007
13.448
3
38
Naredil sem si čist osnovno spletno stran v html-ju.
Stran ima na sredi eno tabelo 340px x 500px.
Težavo imam, da mi na androidu (2 različna browserja) prikaže full pomanjšano stran.
Če jo gledam na pc-ju je ok, če jo gledam na Nokiji 5800 je tudi ok.

Kaj bi moral naredit, da bi mi jo tudi na androidu prikazalo v pravi velikosti ali povečano na velikost ekrana
confused-1.gif
 
P

philips

Guru
Osebje foruma
Administrator
17. avg 2007
9.878
698
113
Kakšen imaš nastavljen default zoom level v brskalniku na androidu?
 
D

doto

Fizikalc
25. jul 2007
3.175
0
36
Tole daj v header:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
S

stein

Fizikalc
16. sep 2007
19.575
1
36
Ali nehaj s piksli meriti.
Novi iPhone ima 4x večjo resolucijo kot stari. A tam naj bo vsebina dvakrat manjša?
 
F

Fusion

Fizikalc
1. okt 2007
13.448
3
38
thnx za nasvet!
Stran je čist za osebno uporabo in mi je važno, da mi na omenjenih telefonih prikaže tako kot jaz želim. Če bom menjal telefon in bo treba stran prilagodit, jo pač bom.
 
F

Fusion

Fizikalc
1. okt 2007
13.448
3
38
nisem še probal, samo na moje (ne)znanje predvidevam, da bi pri landscape obrnjenem telefonu vsebina med levim in desnim stolpcem bolj narazen? Jst pa želim, da je postavitev skos fiksna, zato sem delal s pixli.
 
C

ChaoRen

Fizikalc
21. jul 2007
5.409
0
36
125
viewport je to, kar rabiš. In imaš rešeno za iPhone in Androide. WP7 pa zaenkrat samo v teoriji.
 
C

ChaoRen

Fizikalc
21. jul 2007
5.409
0
36
125
Citat:
Uporabnik Fusion pravi:
nisem še probal, samo na moje (ne)znanje predvidevam, da bi pri landscape obrnjenem telefonu vsebina med levim in desnim stolpcem bolj narazen? Jst pa želim, da je postavitev skos fiksna, zato sem delal s pixli.
Klikni za razširitev

Če prav razumem, želiš da je izgled enak v landscape in portrait viewu? To lahko rešiš s procenti, čeprav je praksa ta, da se dela strani prilagodljive glede na view. Za primer si poglej http://m.siol.net/novoleto. Ko obrneš zaslon, se vsebina prilagodi novi širini. Tu je uporabljen javascript (http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js).

Pa še nasvet vsem, ki delate tudi za mobilnike - ne pozabiti na "target-densitydpi", ker drugače vam bodo recimo QVGA Androidi strani prikazali po svoje, beri prevelike. Za več info pa http://developer.android.com/reference/android/webkit/WebView.html

Res je, da imajo browserji zoom nastavitve, vendar je cilj vsakega uporabnika, da se mu content pravilno prikaže "iz prve" (medium zoom pri Androidih).
 
D

doto

Fizikalc
25. jul 2007
3.175
0
36
Za to ne rabiš javascripta, ampak lahko samo z CSS-om in media query pravili.
 
F

Fusion

Fizikalc
1. okt 2007
13.448
3
38
ste se pa poglobil in razpisalt thnx!

Sam na žalost trenutno tole že presega moje znanje:(
 
C

ChaoRen

Fizikalc
21. jul 2007
5.409
0
36
125
Citat:
Uporabnik doto pravi:
Za to ne rabiš javascripta, ampak lahko samo z CSS-om in media query pravili.
Klikni za razširitev

Hja, ampak s tem omejiš uporabnost na precej manjše število aparatov. CSS3 pride v poštev zaenkrat le za iPhone in Androide ter zadnje Opere (Opera Mini 5 in Opera Mobi 10). IE šele z verzijo 9 podpira CSS3. V mobilnem svetu so stvari še precej bolj zakomplicirane kot v web svetu.

Drugače pa za kolega, ki sprašuje:

http://www.smashingmagazine.co...f-your-website/
 
Za odgovor se prijavite ali registrirajte.

Podobne teme

popotnik
  • Ne prezri
  • Ne prezri
GARMIN Navigacije - Wiki by Popotnik
14 15 16
Odgovori
301
Ogledi
360.847
Garmin
Voltaire
V
Na vrhu Bottom