请认真学习一下母版页或布局页的知识！！！！

手机浏览器其实非常先进，比桌面浏览器地 html5 标准更兼容，（相对）性能往往更好。所以其实你并不需要判断什么”手机浏览器“，而是要判断客户端的可见窗口宽度。例如

 window.location.href = "index.aspx?width=" + window.innerWidth;

来带上宽度信息。

实际上，这个是非常陈旧的思想。现代的前端技术，比如说基于 bootstrap 等等，是在浏览器端如winform或者 wpf一样地本地渲染的，此时才决定屏幕布局。而并不是有服务器端去写多套网站。

一个网页本来就是使用了响应式技术的，而不是写多套网页。

你要判断的其实不是什么”手机浏览器"，而是要根据客户端宽度来动态产生不同布局。跟pc、平板、手机”浏览器“其实并无直接关系，因为这些浏览器都是标准的了，是兼容的了！

所以响应式设计理念，是根据用户可见宽度来判断分类的，而不是根据硬件是 ARM 还是 Intel 之类的来分类的。

你学一下 bootstrap，第一章，就会学到响应式布局基本概念。

其它前端框架也是如此。根本不是什么服务器端编程、服务器端写一堆不同的代码的思路。