Jaká je bezpečná šířka webu v různých rozlišeních?

25. ledna 2011

Už dávno jsou pryč doby, kdy tvůrci webových stránek se museli přizpůsobovat monitorům s malou úhlopříčkou a neméně malým rozlišením 800×600. Podle některých starších statistik používá toho rozlišení méně než 1 % uživatelů, viz třeba Browser Display Statistics z webu w3schools.com. Většina webdesignérů dnes vytváří stránky pro rozlišení 1024 x 768 a občas se objeví i stránka, která je určena ještě pro větší rozlišení. Jaká je ale bezpečná šířka stránky v různých rozlišeních? Když někdo používá rozlišení 1024 x 768, je to 1000 pixelů? Nebo jen 990 pixelů?

Svou roli hraje operační systém návštěvníka a pochopitelně i prohlížeč samotný. Na stránce BROWSER SPECS naleznete přehlednou tabulku, která ukazuje bezpečnou šířku stránky v rozlišeních 1024 x 768, 1280 x 800 a 1440 x 900, v různých prohlížečích a operačních systémech. Praktická hodnota bude samozřejmě o něco nižší, protože je potřeba počítat s odsazením stránky od okrajů prohlížeče.

Zdroj: 978.gs.

Štítky: Zprávičky

Mohlo by vás také zajímat

Nejnovější

8 komentářů

  1. Vrabecek

    Led 25, 2011 v 13:21

    V dnešní době je potřeba počítat taky s mobilními zařízeními jako je třeba iPad. Kvůli něho používám šířku stránky 980px, u širší stránky iPad umožnuje posouvat i do boku (klasický prohlížeč zobrazí scrollbar). Takže 980px je jasná volba :)

    Odpovědět
  2. Miroslav Kučera

    Led 25, 2011 v 14:22

    Podle me to neni potreba. Prohlizece na iPADu totiz roztahnout stranku na celou sirku obrazovky. Tj. kdyz web s sirkou 1024px zobrazite na iPADu v rezimu na vysku (tj. dostupna sirka je 768 bodu), neposouvate stranku do boku. Naopak, tech 1024px webu se „smrskne“ na 768 bodu.

    Odpovědět
  3. Miroslav Kučera

    Led 25, 2011 v 14:53

    Oprava: iPAD na celou sirku obrazovky roztahne jen weby, ktere jsou sirsi, nez je dostupna plocha. I kdyz „roztahne“ – to je spatne slovo, spise je „prizpusobi“ (zmensi) s ohledem na dostupnou plose. Tj. pokud mam web, ktery ma sirku 1024 px a web, ktery ma sirku 1920px, ten prvni bude citelny na ipadu (bez zvetsovani), ten druhy moc ne.

    Odpovědět
  4. Vrabecek

    Led 26, 2011 v 21:38

    To máte pravdu, špatně jsem popsal svou myšlenku. Zkusím to znovu.

    Pro srovnání:

    Web s šířkou menší nebo rovnou 980px:
    – layout webu se přizpůsobí dostupné šířce tak jak jste to popsal. Při posunu do boku se web ani nehne.

    Web s šířkou větší než 980px:
    – opět máte pravdu. Ovšem (moje původní myšlenka) při posunu do boku již layout nedrží ale přejede přes okraj. Po ukončení posunu se vrátí do původní polohy.

    Je to trochu nelogické, tohle mohli vyřešit. Dělám v jedné menší firmě HTML kodéra a pamatuju si že nedávno mě na tenhle „problém“ upozorňoval. Řešením bylo právě zůžení layoutu na 980px.

    Odpovědět
  5. Vrabecek

    Led 26, 2011 v 21:48

    Pro doplnění: iPad jsem měl tou dobou k dispozici a je to testováno přímo na něm.

    Odpovědět
  6. Miroslav Kučera

    Led 27, 2011 v 10:32

    Jenze interval.cz ma sirku pres 1016 px (vcetne bilych vymezujicich okraju po stranach) a nic takoveho, co popisujete, se na ipadu nedeje – stranka se pri posunu prstem do strany ani nehne.

    Odpovědět
  7. Vrabecek

    Led 27, 2011 v 12:43

    Tak to nevím kde je chyba. Asi jiný firmware nebo tak něco. Za to co popisuju bych dal ruku do ohně :) Opravdu se to tak chovalo.

    Odpovědět
  8. Miroslav Kučera

    Led 27, 2011 v 13:09

    No, posledni FW, standardni prohlizec. A to bylo jeste v rezimu na „vysku“ (kde ma ipad jen 768px k dispozici).

    Odpovědět

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *