HTML Web dizajn rezolucija?

Evo nisam se sjetio boljeg naslova pa da objasnim zelim napraviti web stranicu u HTML-u i sad me zanima ima li nekakav kod da na web stranici ocita rezoluciju monitora korisnika pa da mu se prilagodi ili barem da raspozna letterbox i wide screenmonitre da nema prilikom izmjene rezolucije ekrana bjesnomucnog skrolanja lijevo desno.
Nadam se da sam bio jasan sto me muci koliko got bilo cudno sročeno :slight_smile:
Znaći imam web stranicu sa dvije velicine koja se prilagodi svakom moitoru.

Hvala svima…

Javascript može očitati širinu i visinu ekrana

var ve=screen.height;
var se=screen.width;

Rezolucija monitora može se očitati JavaScriptom, kako Gigolo kaže.

Ali ono što, pretpostavljam, tebe zanima, zove se responzivni web dizajn (RWD):
http://www.webmajstori.net/forum/clanak/2037-2013-je-godina-responsive-web-dizajna

a ovo da ubacim na vrh dali bi to bilo to?

Hvala svima na odgovorima

To bi bila jako loša solucija.

1.) Ne bi radilo na uređajima gdje je js disable-an (iako je takvih zanemarivo malo)
2.) Događao bi se “flash” odnosno na trenutak bi se vidio ne-stiliziran sadržaj dok se ne dogodi .ready event.

Koristi @media i to je to, prvo napišeš bez @media za browsere koji to ne podržabaju i onda @ media za veće/manje ekrane.

Javascript kod je korektan i stvarno će za 1024 i manje upotrebiti regular.css a za šire od toga widescreen.css. Oćeš li ti biti zadovoljan rezultatom, to je već druga priča.
Ta skripta bi trebala biti u sekciji.

Još razloga zašto je to loša solucija:

3.) Screen Resolution ≠ Browser Window
4.) Umjesto jednog CSS fajla moraš imati dva
5.) Tu skriptu moraš stavljati na svaku pojedinu stranicu

Tko hoće može nastaviti :slight_smile:

hvala svima na odgovorima bude se malo pozabavio time ako zapnem javim se :slight_smile:

a jel postoji neki programcic koji konvertira html stranicu tako da je normalno vidljiva na mobitelu?

evo opet ja :slight_smile:

naletio sam na stranicu u html-u i to glede rezoulucije radi kako spada pa sad ako mi netko moze reci kako je to ovdje postignuto?

http://www.discoveryrecreatie.nl/

hvala

Na ovoj stranici meni glede rezolucije nista ne radi…

Poslušaj ljude šta ti govore i koristi media queries u cssu

[quote=“Neno2”]evo opet ja :slight_smile:

naletio sam na stranicu u html-u i to glede rezoulucije radi kako spada pa sad ako mi netko moze reci kako je to ovdje postignuto?

http://www.discoveryrecreatie.nl/

hvala[/quote]

Ne znam što ti se konkretno sviđa na toj stranici.
Na mobitelu su presitna slova i puno elemenata nije moguće vidjeti bez skrolanja lijevo desno.
Razvučeno na velikom ekranu, dobiju se kilometarski redovi koje je nemoguće čitati.

Što nedostaje, recimo, ovim stranicama koje koriste RWD?

http://www.time.com/time/

http://www.smashingmagazine.com/

http://foodsense.is/

Probaj browser širiti do full screena i sužavati do širine smartphonea.
Odlično se prilagođavaju svakoj širini browsera!

hvala svima na odgovorima budem se malo s time pozabavio ako zapne javim se…

lp


Copyright © 2022 WM Forum - AboutContact