屏幕的多元化，web设计方案要考虑适应不同平台，你的设计至少的适应两种不同屏幕。通常的这种情况下，就的做响应式，那么这样做好，这就本文章所要谈论的。
1.首先从低成本的入手
如果你想成本低，不妨考虑到是响应式设计，依靠前端 CSS （包括 Media Query 媒体查询，百分比流式布局，网格与Typography系统……）来对各种屏幕尺寸进行响应的做法，称之为响应式布局，又称作自适应网页设计，或者弹性设计。
他的优点显而易见：设计的元素很容易再次利用；css的代码只一套 ，维护更简单且成本低；这样的设计，保证了pc和移动端的一致性，易于你的网站推广；复用程度高，bootstrap、Foundation等一干框架都能跟进解决此法案。
2.第三方服务器
但是你如果碰到web设计需求复杂，前端的开发成本开发没有任何减轻，移动端的优化也会成很大的问题，不同用户的有不同需求做出不同的调整，举个简单的例子，手指大的人，点击网页中按钮，经常点到别的地方，这样你不得不写出两js。
js就必须写两套，分别pc和移动端做出判断，这是比较难做到，因此你还是寻找第三方的服务器，更合理些，第三方的服务器的本质是动态的生成，返回html、js、css、图像的资源违建房，同时只使用已个url，就个提供强制的移动端的网页，大大节省网络资源。
js实现了两套逻辑，可课检测不同前端设备，可适合做不同业务……总之非常的好，当时成本问题是你不得不考虑得问题
3.pc端和移动端分开做
问题来了，为什么不单独做pc端和移动端了，如果你想着这样做的话，你的网站在pc和移动端的域名是不一样的，你将为两个域名做两次web设计，这样很奇葩，你的网站的访问者，在pc端访问的baidu.com，在移动端访问s.baidu.com。再简单的说，这样的web设计还是响应式的那一套
总结：
说了那么多，不是说谁好谁坏，这是的根据你的web设计需求，进行权衡，选择合适的解决方ke
书
文/丁向明
做一个有博客的web前端自媒体人，专注web前端开发，关注用户体验，加我qq/微信交流：6135833
http://dingxiangming.com