输入相同域名,在pc端和移动端会出现不同的页面效果,一种是用栅格系统实现自适应,
更多的是设计两套不同的模板和两个二级域名或者一个主域名和一个二级域名(就是有区别就可以了);
js代码判断浏览器的用户代理头类别从而实现不同跳转
<script type="text/javascript">
(function(){
var ua = window.navigator.userAgent.toLowerCase();
if (!(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))) {
window.location.href = "pc page(这里是PC域名)";
}
else if (ua.indexOf("iphone") > 0 || ua.indexOf("android") > 0) {
//window.location.href = "(这里是移动端域名)";
}
}());
</script>
这是写在移动端页面中的,pc端只需要将上面的跳转地址window.location.href = "pc page(这里是PC域名)";
注释,下面的反注释window.location.href = "(这里是移动端域名)";就可以了。同时这段代码需放在页面的公共部分,以避免页面内容的加载而浪费流量等!