Jaká je bezpečná šířka webu v různých rozlišeních?
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.
Mohlo by vás také zajímat
-
Responzivní design: Proč by ho neměl ignorovat žádný vývojář?
27. listopadu 2023 -
4 tipy, jak na efektivní úsporu při rozjezdu podnikání
3. ledna 2023 -
Thunderbolt 4 vs. OCuLink: Přišel čas na upgrade?
27. května 2024
Nejnovější
-
Jak zvýšit CTR vašeho e-mail marketingu
9. září 2024 -
Znovuuvedení domény .AD
5. září 2024
Vrabecek
Led 25, 2011 v 13:21V 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 :)
Miroslav Kučera
Led 25, 2011 v 14:22Podle 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.
Miroslav Kučera
Led 25, 2011 v 14:53Oprava: 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.
Vrabecek
Led 26, 2011 v 21:38To 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.
Vrabecek
Led 26, 2011 v 21:48Pro doplnění: iPad jsem měl tou dobou k dispozici a je to testováno přímo na něm.
Miroslav Kučera
Led 27, 2011 v 10:32Jenze 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.
Vrabecek
Led 27, 2011 v 12:43Tak 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.
Miroslav Kučera
Led 27, 2011 v 13:09No, posledni FW, standardni prohlizec. A to bylo jeste v rezimu na „vysku“ (kde ma ipad jen 768px k dispozici).