Landscape-mode

Fra Molrikwiki

Skift til: Navigation, Søgning

Vil man have mobilen til at opføre sig på en bestemt måde, når den vendes 90 grader kan det gøres med css:

/* Landskab-mode */

@media only screen and (orientation: landscape) {
	#logo {
		width: 480px; 
	}
	#contentContainer {
		width: 440px; 
	}
	div#aalkat_mobil_buttonsholder {
		width: 480px;
	}
}

Man kan evt. også etablere et helt særskilt stylesheet til formålet og inkludere det på følgende vis:

<link type="text/css" rel="stylesheet" media="all and (orientation:landscape)" href="/template/mobilJpVer1-0/components/css/landscape_styles.css">

På tilsvarende måde kan man begrænse stylesheetets anvendelse mht. skærmstørrelsen:

<link type="text/css" rel="stylesheet" media="all and (max-width:700px)" href="/template/mobilJpVer1-0/components/css/mobile_styles.css">

Så bruges disse styles kun med 'små' (her mindre end 700px) skærme.

Personlige værktøjer