I want to adjust the stylesheet for a dokuwiki page so it also fits in a iphone browser.
One way could be to add a line in template.php, rewrite php.css slightly and use separate css files like this:
<link rel=”stylesheet” media=”only screen and (max-device-width:480px)” href=”small-devices.css” type=”text/css” />
<link rel=”stylesheet” media=”screen and (min-device-width:481 px)” href=”not-small device.css”>
An other way could be to check if the string "iPhone" exists in $_SERVER['HTTP_USER_AGENT'] and rewrite /exe/php.css so it loads different css files.
Has anyone done anything like this? I don't really like any of the methods since I will need to rewrite it for every new release of dokuwiki.
Can it be done using a plug in instead?