Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: HTML-sivun automaattinen zoomaus

Sivun loppuun

tsk955 [28.06.2013 18:26:49]

#

Elikkäs onko jollain koodilla mahdollista asettaa sivulle ns. default zoom eli niin et se on automaattisesti zoomattu tietylle etäisyydelle kun se aukeaa selaimeen.

The Alchemist [28.06.2013 19:12:14]

#

Tee sivusi kunnolla ja unohda kikkailut.

tsk955 [28.06.2013 20:36:55]

#

voisin toki tehä ilmanki mtn vippaskonsteja mutta se on aivan hirvee homma ainakin mun kohalla.

Grez [28.06.2013 20:48:57]

#

Yleensä ilman vippaskonsteja on kokonaistyömäärä paljon vähempi kuin kikkaillen.

Sinänsä olis kiinnostavaa tietää mikä ongelma varsinaisesti on. Siis jos ymmärsin niin haluaisit että kun käyttäjä tulee sivullesi niin selaimen "zoom" menisi vaikka 150%:iin riippumatta siitä onko se käyttäjällä normaalisti 100% vai esim 200% ja riippumatta esim. käyttäjän näytön koosta yms. pikkuseikoista.

neau33 [28.06.2013 22:20:29]

#

MOI tsk955!

tässä pikku viritelmä (ei tosin säädä selaimen zoom level tasoa)...

<html>
<head>
<script language="javascript">
document.ready = function(){Zoom("1.5");};
function Zoom(value)
{
	if (navigator.userAgent.search("Firefox")  > -1){
		document.body.style.MozTransform = "scale(" + value +")";
		document.body.style.MozTransformOrigin = "0 0";
	}
	else
	{
		document.body.style.zoom=value;
	}
}
</script>
</head>
	<body onload="Zoom('1.5')">
		<input type="button" onclick="Zoom('1.0')" value="zoom back"/>
	</body>
</html>

testi

t0ll0 [30.06.2013 07:37:11]

#

Hmm, ja jos kyseessä on "mobiilipuolen zoom", mikä itselleni tuli aloituksesta ekana mieleen, niin hakusanoilla "viewport meta tag" löytyy varmasti siihen ratkaisunsa..

tsk955 [05.07.2013 19:58:50]

#

neau33 kirjoitti:

MOI tsk955!

   tässä pikku viritelmä (ei tosin säädä selaimen zoom level tasoa)...

<html>
<head>
<script language="javascript">
document.ready = function(){Zoom("1.5");};
function Zoom(value)
{
	if (navigator.userAgent.search("Firefox")  > -1){
		document.body.style.MozTransform = "scale(" + value +")";
		document.body.style.MozTransformOrigin = "0 0";
	}
	else
	{
		document.body.style.zoom=value;
	}
}
</script>
</head>
	<body onload="Zoom('1.5')">
		<input type="button" onclick="Zoom('1.0')" value="zoom back"/>
	</body>
</html>

   testi

   

Idea on hyvä mut kuten aijemmin totesin jokin tuon kaltainen viritelmä millä sivu olisi valimiiksi zoomattu tässä tapuksessa 67% chrome selaimella huolimatta siitä minkä kokoinen on näyttö jolla sivua katsellaan.

groovyb [05.07.2013 20:03:39]

#

onko jokin syy miksi pitää kikkailla zoomilla sen sijaan, että käyttäisi prosentuaalisia korkeuksia ja leveyksiä jolloin skaalautuminen eri ruudunkokoihin olisi vakio?

tsk955 [05.07.2013 21:12:27]

#

groovyb kirjoitti:

onko jokin syy miksi pitää kikkailla zoomilla sen sijaan, että käyttäisi prosentuaalisia korkeuksia ja leveyksiä jolloin skaalautuminen eri ruudunkokoihin olisi vakio?

Ja mites tuo prosentti homma sitte tehään....periaatteessa aivan sama miten tekee kunhan lopputulos on se et sivu näkyy chromessa 67% zoomilla ilman et itse tarvii säätää zoomia

The Alchemist [05.07.2013 21:15:27]

#

Miksi sinä sitä zoomia tarvitset?

groovyb [05.07.2013 22:10:50]

#

Pitääkö tuon skaalatumisesi koskea vain ja ainoastaan chromea?

tsk955 [06.07.2013 06:16:43]

#

The Alchemist kirjoitti:

Miksi sinä sitä zoomia tarvitset?

Koska verkkosivuni näyttää ainakin chromen default zoomilla aika huonolta, joten se pitäisi olla automaattisesti zoomattu 67% jotta se näyttäs hyvältä

Metabolix [06.07.2013 16:13:49]

#

Mikä siinä sivussa näyttää huonolta, ja mikset voi vain tehdä sivua, joka näyttäisi normaalisti hyvältä? Onko ongelmasi esimerkiksi siinä, että et ole osannut määritellä fonttikokoa tai että olet tehnyt koko sivun väärään kokoon? Tavallisesti sivut näyttävät lähes samalta kaikilla yleisimmillä selaimilla, joten pelkästään Chromen zoomaus 67-prosenttiseksi tekee sivusta varmasti aivan erilaisen kuin muilla selaimilla. Oletko edes testannut sivuasi muilla selaimilla?

tsk955 [07.07.2013 13:39:24]

#

sivu näyttää liian suurelta koska taulukko, johon sivu on tehty, on leveämpi kuin mitä sen "pitäisi" olla....en ole testannut muilla kuin chromella

RQ [07.07.2013 14:50:57]

#

No mitäpä jos alottaisit siitä taulukon kapeuttamisesta?

The Alchemist [07.07.2013 19:37:58]

#

Ongelman korjaaminenhan vaatii vain sen, että katsot element inspectorilla, miksi taulukko venyy liikaa, ja sitten korjaat ongelman. Nyt yrität jotain aivan epätoivoista lottokoneviritelmää, joka räjähtää käsiin viimeistään heti seuraavan ongelman kohdalla.


Sivun alkuun

Vastaus

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

Tietoa sivustosta