Witam,

Jak sensownie zrobić wersję strony na urządzeń mobilnych? Kierując się prostą
chłopską logiką - przygotowałem stronę, której szerokość nie przekracza 200 pix.
Na prymitywnych telefonach z Symbianem wygląda dobrze. Ale na mądrzejszych z
Androidem - dupa. Mimo, że ekran ma szer. ok. 240 pix, to telefon tworzy jakby
wirtualny puplit znacznie większy (ponad 800 pix. szer.) poczym go skaluje do
ekraniku. W efekcie - wszystko jest mikroskopijne i niewidoczne. Dopiero po
dotknięciu, czy innej czynności - przechodzi w trym 1:1 i wtedy jest prawie OK,
tylko pozostaje niepotrzebna możliwość przewijania na boki - a tam przecież nic
nie ma.

Próbowałem więc zrobić stronę o szer. ok. 800, czcionki wielkie jak woły, na
kompie wygląda jak wersja dla niewidzących. Owszem, jest lepiej na Androdach,
ale znów na innych - nie mieści się i jest brzydko skalowana w dół (jesli w
ogóle).

Wiem, że to co chcę osiągnąć jest możliwe, bo widuję takie strony przeglądając
net telefonem.

Dzięki za wskazówki,

latet

do góry

Offtrochetopicznie

http://www.opera.com/developer/tools/mobile/

do góry

Latet <l...@l...pl> napisał(a)
> Witam,
>
> Jak sensownie zrobić wersję strony na urządzeń mobilnych? Kierując się prostą
> chłopską logiką - przygotowałem stronę, której szerokość nie przekracza 200 pix.
> Na prymitywnych telefonach z Symbianem wygląda dobrze. Ale na mądrzejszych z
> Androidem - dupa. Mimo, że ekran ma szer. ok. 240 pix, to telefon tworzy jakby
> wirtualny puplit znacznie większy (ponad 800 pix. szer.) poczym go skaluje do
> ekraniku. W efekcie - wszystko jest mikroskopijne i niewidoczne. Dopiero po
> dotknięciu, czy innej czynności - przechodzi w trym 1:1 i wtedy jest prawie OK,
> tylko pozostaje niepotrzebna możliwość przewijania na boki - a tam przecież nic
> nie ma.
>
> Próbowałem więc zrobić stronę o szer. ok. 800, czcionki wielkie jak woły, na
> kompie wygląda jak wersja dla niewidzących. Owszem, jest lepiej na Androdach,
> ale znów na innych - nie mieści się i jest brzydko skalowana w dół (jesli w
> ogóle).
>
> Wiem, że to co chcę osiągnąć jest możliwe, bo widuję takie strony przeglądając
> net telefonem.
>
> Dzięki za wskazówki,
>
>
>

Wejdź na taką stronę, która wygląda dobrze, udając że jesteś IPhonem, czy innym
Androidem i zobacz jak wygląda kod. Do FF jest jakiś dodatek ustawający
User-Agent.

--
Tomek

do góry

On Tue, 3 Jul 2012 19:49:15 +0200, Latet wrote:

> Witam,
>
> Jak sensownie zrobić wersję strony na urządzeń mobilnych? Kierując się prostą
> chłopską logiką - przygotowałem stronę, której szerokość nie przekracza 200 pix.
> Na prymitywnych telefonach z Symbianem wygląda dobrze. Ale na mądrzejszych z
> Androidem - dupa. Mimo, że ekran ma szer. ok. 240 pix, to telefon tworzy jakby
> wirtualny puplit znacznie większy (ponad 800 pix. szer.) poczym go skaluje do
> ekraniku. W efekcie - wszystko jest mikroskopijne i niewidoczne. Dopiero po
> dotknięciu, czy innej czynności - przechodzi w trym 1:1 i wtedy jest prawie OK,
> tylko pozostaje niepotrzebna możliwość przewijania na boki - a tam przecież nic
> nie ma.
>
> Próbowałem więc zrobić stronę o szer. ok. 800, czcionki wielkie jak woły, na
> kompie wygląda jak wersja dla niewidzących. Owszem, jest lepiej na Androdach,
> ale znów na innych - nie mieści się i jest brzydko skalowana w dół (jesli w
> ogóle).
>
> Wiem, że to co chcę osiągnąć jest możliwe, bo widuję takie strony przeglądając
> net telefonem.
>
> Dzięki za wskazówki,
>
> latet

http://designmodo.com/responsive-design-examples/

--
M.G.

do góry

Użytkownik "Latet" <l...@l...pl> napisał w wiadomości
news:jsvbb3$3re$1@inews.gazeta.pl...
> Witam,
>
> Jak sensownie zrobić wersję strony na urządzeń mobilnych?
<meta name="HandheldFriendly" content="true">

do góry

> <meta name="HandheldFriendly" content="true">

To nic nie daje.

latet

do góry

> Offtrochetopicznie
> http://www.opera.com/developer/tools/mobile/

Dzięki, bardzo przydatne.

A mój problem zasadniczo rozwiązało takie coś:

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

Pozdrawiam,

latet

do góry

----- Original Message -----
From: "Latet" <l...@l...pl>
Newsgroups: pl.comp.www
Sent: Friday, July 06, 2012 10:14 PM
Subject: Re: Jak sensownie zrobi wersj strony na urzdze mobilnych?


>> <meta name="HandheldFriendly" content="true">
>
> To nic nie daje.
>


A u mnie to działa.
Przetestowane na kilku telefonach z
Android 2.2, 2.3.3, 2.3.5 + domyślna przeglądarka.

<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="content-type">
<meta name="HandheldFriendly" content="true">

do góry