android iphone css,css能判断手机是安卓还是ios吗？

前端写web页面的时候会遇到安卓手机与iOS手机页面展示不一样，还有就是在写APP的时候，此时就会遇到判断手机类型。那么css能够判断手机类型是安卓还是ios吗？

css能判断手机是安卓还是ios吗？

css不能判断手机是安卓还是ios，css只能通过媒体查询判断屏幕宽度。判断是安卓还是ios需要使用javascript。

下面我们来看看使用javascript判断手机类型的代码(相关课程推荐：JS视频教程)// 判断安卓

function isAndroid() {

var u = navigator.userAgent;

if (u.indexOf("Android") > -1 || u.indexOf("Linux") > -1) {

if (window.ShowFitness !== undefined) return true;

}

return false;

}

// 判断设备为 ios

function isIos() {

var u = navigator.userAgent;

if (u.indexOf("iPhone") > -1 || u.indexOf("iOS") > -1) {

return true;

}

return false;

}

使用方法很简单if( isAndroid() ) {

alert('android');

}else if ( isIos() ) {

alert('ios');

}else{

alert('未知')

}

本文来自css3答疑栏目，欢迎学习！