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

切图网 [ www.qietu.com ] 自2009年提供html5开发服务,2012年提供响应式开发以来,承接了不少html5和响应式项目,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

qq 6135833

微信公众号:qietuwang

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/82359.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信