Omega Theme

alviSic Fri, 02/22/2013 - 00:06

Sveiki!

Esmu gandrīz pabeidzis WEB lapu, kurā izmantoju Omega Theme sub-tēmu Omega Kickstart. 

Viss ir baigi forši tikai nekādi nevaru saprast/atrast info par to kā var ierobežot lapas minimālo platumu. Ar minimālo platumu es domāju lapas platumu par kuru tas vairs nepaliek mazāks. Ja ekrāna izmērs ir <740px, tad tiek aktivizēta lapas mobilā versija. Taču es gribētu lai lapas izmēra samazināšana apstātos pie 320px. Taču to var samazināt līdz kādiem 100px, kad vairs nekas nav īsti redzams un saprotams.

Pieņemu ka to var izdarīt ar @media query, bet tēmas konfigurācijā var uzstādīt tikai robežas, pie kurām lapa pārslēdzas starp wide/normal/narrow izmēriem, bet mobilās versijas minimālo izmēru tur nevar uzstādīt.

Varbūt kāds zin kā to ierobežot?

Alvis

Iemesls kādēļ gribu to izdarīt ir tāpēc, ka vecākiem smartphone'iem landscape ekrāna platums ir 320px, bet portrait platums ir 240px. Bet es gribu lai manu lapu uz šādiem telefoniem varētu normāli redzēt tikai landscape'ā. Bet tagad sanāk ka turot telefonu vertikāli, lapas izkārtojums paliek galīgi nesmuks.

Alvis

Ļoti vienkārši:

CSS failā, kas ir pieejams visos layoutos (piem. global.css) #page atribūtam pieliec min-width

Mobilā versija ir noklusētā (global.css), un tad atkarībā no @media query "klājas virsū" narrow, normal un wide. Viens no risinājumiem ir narrow query uzlikt "all and (min-width: 100px) and (min-device-width:100px), (max-device-width: 800px) and (min-width: 740px) and (orientation:landscape)".  Tas piespiedīs telefonos ieslēgties global.css + theme-alpha-default-narrow.css. Ja vajag, tad -narrow.css failā var definēt smalkāk @media query šādi:

 

@media only screen and (max-width: 240px) {
    /* mobile portrait css */
}
 
@media only screen and (min-width: 320px) and (max-width: 600px) {
    /* mobile landscape css */
}
 
Vērtības pielāgo pēc vajadzības.
Bet labāk jau pacenties un notēmo mobilo versiju!

Paldies ar info!

Variants ar #page { min-width: 320px; } strādā ideāli.

Mobilā versija ir satēmota, bet izmēram mazākam par 320px kauko vēl speciāli darīt liekas bezjēdzīgi. Tāpat mūsdienās telefoniem tik maza ekrāna izšķirtspēja ir reti sastopama.

Varbūt iemetīšu te pabeigto lapu, kad būs palaista. Lai citi var kritizēt :)