切图网：pc网站在手机下变webapp

切图网 [ www.qietu.com ] 自2009年提供html5开发服务，2012年提供响应式开发以来，承接了不少html5和响应式项目，而在大量的项目实践中，团队逐渐形成了一套完整的开发套路，用来高效的开发。

但是，我们发现html5响应式出来以后我们似乎是陷入了一个误区，响应式就非得让网页随着宽度变化不断的适应，适应吗， 这样造成了开发的繁琐程度，并且我们作为开发者并不能对市场上所有的分辨率进行响应，只能用范围来选取，比如：

1200~1600属于宽屏，做一个响应

1024~1200属于普屏，做一个响应

800~1024，属于平板，做一个响应

320~800，属于手机，做一个响应

麻烦吗，作为开发角度来说肯定很麻烦的，因为每做一个响应式，都是一次重新写代码，工作量倍增，工作量带来的是成本的增加，企业负担的增加，真的需要做那么多吗？答案是需要，但不需要做那么多。

这样出来的效果真的好吗？

也不太好，因为响应式是以范围来响应式，对于里面的布局，我们没法精确的计算，所以出来的效果肯定不是那么好，这个是相对于webapp来说的。

webapp就是手机网站，一般是320,450， 640， 因为宽度确定，排版出来的效果非常好。

所以从去年初，切图网就大胆提出了一个微创新——pc转webapp。并且采取了行动，在不少项目中都用到。那就是响应式还是响应式，当宽度小于1024的时候，就已经不是pc了。这个时候，直接响应式 一个定宽的手机版网站，比如 450宽的一个手机版，因为定宽，所以里面的布局可以做的非常精准，出来效果非常好。

相当于pc网站，在手机下变手机网站，大道至简。

欢迎一起交流，无论你对技术感兴趣，还是有这方面需要都可以联系。

qq 6135833

微信公众号：qietuwang