dizaina "zoom"

[flipz]

Labdien. Jautājums tāds - gribu uzlikt dizainu tā, ka, atverot mājas lapu, dizains ir pa visu ekrānu, lai nav jārullē tā uz augšu/leju - gribu visu pārskatāmu. Piemēram, veco dizaina versiju esmu hostojis uz http://abr.woano.lv. Blakus istabā uz pc atverās tā kā gribu - pilnā izmērā uzreiz, bet mēģinot uz portatīvajiem ar mazāku izšķirtspēju dizains ir jārullē - tas ir pārāk liels. Cerams, ka domu sapratāt. Kādi varētu būt risinājuma varianti?

 

Paldies!

[daGrevis]

Responsive design.

[flipz]

Tas jau pārāk sarežģīti būs.. Tā mājas lapa pavisam vienkārša - dizains ar pāris sadaļām, kurās ir tikai teksts.. Piem tagad dabūju, ka uz firefox man uzreiz normāli ielādē to dizainu kā gribu - http://content26-foto.inbox.lv/albums/r/rbkb4_100/21-12-2012/bilde.png bet uz IE man viņu joporjām atver pietuvināti.. Nav kāds joks, kā viņu dabūt tā arī iekš IE?

 

Paldies!

[Lauris]

ctrl-0 nospied

[daGrevis]

Nu, bet padomā! Ja dizaina izmērs ir statisks, teiksim, 960px platumā, tad atverot to ar mobilo telefonu, kur ekrāna platums ir tikai 480px -- protams, ka vajadzēs skrūlot.

 

P.S. Lauri, LOL.

[flipz]

Uz mobīlā tur neviens nevērs to saitu vaļā.. :D Tas ar ctrl līdzēs tikai ja manuāli ko mainīšu.. Varbūt ir iespējams kā vienkārši uzlikt minimālo rādīšanas augstumu dizainam ar tiem min-height? Vienkārši tas dizains pats ir taisīts uz 1200px * tur kkas.. Gribās to dizainu tālāk dabūt prom no desktopa, lai nav tik piezūmots klāt..

 

Paldies!

 

EDIT:

Problēmu atrisināju +/- ar zoom palīdzību:

 

body{

transform: scale(0.75);
-ms-transform: scale(0.75);
-webkit-transform: scale(0.75);
-o-transform: scale(0.75);
-moz-transform: scale(0.75);
}

 

Paldies tiem, kas mēģināja palīdzēt!

[daGrevis]

Lol, hack.

[Pats Toms]

Firebug'am ir responsive design view (ctrl + shitft + m)