Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: Jatkoa näytönkokopohjaiselle CSS:lle

Quantal [08.06.2013 16:49:07]

#

Jatkoa aiheeseen https://www.ohjelmointiputka.net/keskustelu/26970-tyyliohjeet-erikokoisille-näytöille/sivu-1.

Kokeilin sivua, jolla on tuollaiset tyylimääritykset, omalla Nokia Lumia 920 -puhelimellani. Sivusto näyttää samalta kuin PC-sivusto. Onko mahdollista, että määrittely ei lainkaan ota huomioon sitä, että puhelimen resoluutio voi olla samaa luokkaa kuin tietokoneessa (esim. Lumia 920 on 1280x768 ja monissa Androideissa on enemmänkin)? Vai onko tyylimäärittelyni virheellisiä? Miten saan sivulle kosketusnäytöille optimoituja tyyliohjeita?

Olen nähnyt jossain CSS-koodinpätkän, joka estää sivuston zoomaamisen nimenomaan mobiilikäyttöä ajatellen. Mikähän tämä mahtaa olla?

OskariB [09.06.2013 21:31:42]

#

Quantal kirjoitti:

Olen nähnyt jossain CSS-koodinpätkän, joka estää sivuston zoomaamisen nimenomaan mobiilikäyttöä ajatellen. Mikähän tämä mahtaa olla?

Tämä ei ole CSS-ratkaisu, mutta kelpaako? Laitat seuraavan metatiedon sivun head-osioon:

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />

Olli [11.06.2013 16:37:50]

#

Huomioi kuitenkin, että zoomausta ei voi estää kaikissa WP:n versioissa.

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta