Conditionele viewport code

Hallo,

ik wil graag in mijn header een stukje code plaatsen dat het volgende moet doen:

– Bepalen of het een mobielebrowser is
– Bepalen of het een tabletbrowser is

Als het een mobiele browser is dan moet dit ‘<meta name=”viewport” content=”width=device-width, initial-scale=1.0″/>’ gedaan worden. Dat is op zich geen probleem. Dat kan via:

‘<?php if ( wp_is_mobile() ) {
echo ‘<meta name=”viewport” content=”width=device-width, initial-scale=1.0″/>’;}
else {
echo ‘<meta name=”viewport” content=”width=768px, minimum-scale=1.0, maximum-scale=1.0″ />’;}
?>’

De uitdaging zit ‘m in het feit dat tablets ook als mobiele browsers gezien worden. Voor tablets heb ik al een ‘@media only screen and (orientation:portrait)’ in de css geschreven en daarbij de volgende regel in de header ‘<meta name=”viewport” content=”width=768px, minimum-scale=1.0, maximum-scale=1.0″ />’

Maar door die laatste viewport regel kan er dus niet in en uitgezoomd worden op mobiele browsers. Dat is mooi op een tablet, op een smartphone redelijk onhandig.

De vraag is eigenlijk: Hoe kan ik tablets van overige mobiele browsers onderscheiden en welke php code kan ik daarvoor toepassen in de header? De site staat nog niet online.

Alvast bedankt voor het antwoord.