Open main menu

Changes

Mobile Devices

348 bytes added, 19:15, 11 June 2010
→‎Basic techniques
==Basic techniques==
* choose device-specific CSS based on screen width:
<nowikicode><codeLINK REL=StyleSheet HREF="desktop.css" TYPE="text/css" media="screen,projection,tv and (min-width: 501px)"><link rel="stylesheet" media="handheld, screen and (max-width: 500px)" href="smallscreen.css" type="text/codecss"></nowikicode>
* set the "viewport" on the device so the page scales to an appropriate size
<code>
<meta name="viewport" content="width=device-width">
</code>
==OPACs==
Kenirwin
68
edits