: How to redirect user into mobile website? Hi how to redirect the user into mobile site when the user accessing from mobile. Say example i have site called www.mysite.com. Now, a person accessing

@Angie530

use media queries for css

in you css put
@media all and (max-device-width: 1024px) {
... css here
}


the max-device-width should be the width of the mobile device you want to detect.

on the other hand u can use useragent

in javascript

var isMobile = navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry)/);

if(isMobile) {
// User-Agent is IPhone, IPod, IPad, Android or BlackBerry
}


to check the specific user-agent string

if(navigator.userAgent.match(/iPhone/)) {
// The User-Agent is iPhone
}


in php this is hwo you do this

if(isset($_SERVER['HTTP_USER_AGENT'])){
$agent = $_SERVER['HTTP_USER_AGENT'];
}


check first the useragent of the device

the give the condition

if(preg_match('/^Mozilla/.*?Gecko/i',$agent)){
print "Firefox user.";
// process here for firefox browser
}


in the pregmatch.. you can put into condition 'iPhone','Andriod' etc

Vote Up Vote Down