跨屏网页设计是近几年来广为流行的方式，跨屏建站方案替代了传统的多屏建站方案，多屏建站即为不同的终端单独建立一个网站，而跨屏建站则是创建一个套网站，但是可以自适应不同大小屏幕的终端，优点是成本更低，维护更容易，推广更统一。

采用跨屏网页设计的好处

Google作为技术的领跑者，也是非常支持跨屏响应式设计，他们的建议使用跨屏响应式设计，他们认为跨屏响应式设计师最适合手机的方式。

在社交分享类网站上，跨屏响应式设计也大展拳脚，很多手持设备上的体验已经和桌面上的一致。

说的再远一点，跨屏响应式网站能够提高工作效率，只需更少的工作人员，就能达到更好的工作效果。

手机和平板变得越来越流行，意味着使用也越来越多，越来越多的人选择它们，因为用它们上网更方便。以iOS和Android为系统的平板电脑在数码消费市场大行其道，销量飙升。

目前为止，跨屏响应式设计虽然有诸多不便，但是利大于弊。尽管有些许的载入速度问题，一份调查采访了很多世界知名品牌，尽管跨屏响应式设计有些载入问题，但是能够带来访问量的大幅上涨。

来自大数据的分析

跨屏响应式设计平均提高了网站23%的手机访问量，降低了26%的跳出率（跳出率定义了只浏览了单个页面的访问量占总访问量的比率。跳出率能够反映出引导页的质量，如果引导页好，用户会继续浏览其他页面，而不是浏览单个页面后就选择离开。）增加了7.5%的访问时长。

O’Neill，流行冲浪服饰供应商，在使用跨屏响应式设计后，iPad和iPhone上的转化率(网站转换率=进行了相应的动作的访问量/总访问量)提高了65.7%。在便携设备上完成的交易额几乎和桌面设备相同，利润几乎增长了一倍。

而Android设备由于其流行面广，平台支持广泛，便携设备上的转化率的提升更明显，并且能稍微带动桌面设备上的转化率。

上面分析的仅仅是一个品牌的故事，从中我们可见跨屏响应式设计的作用非常巨大，别忘了，前些年，跨屏响应式设计对于社交媒体/社交应用的推广作用巨大。

如何在跨屏响应式设计的同时保证页面的载入速度，找到最完美的平衡点，这非常值得我们去研究。比如跨屏网 Kuaping.com提供跨屏适配技术，通过对PC网页的数据进行抓取，然后重新渲染到手机端网页组件中，快速生成一套适合移动端的网页，无论是性能还是加载速度都更优于采用CSS3 media技术的响应式网页设计。

67%的手机用户有过用手机网购的经验，手机将会在网购方面取代桌面。因此，更多的商机在移动设备中，因此，我们需要提供更好的多跨屏响应式设计。

写在最后

虽然跨屏响应式设计仍处于发展初期，但是毫无疑问，市场需求会激发它的快速发展，因此我们需要多掌握一些它的基本规则，多了解一点跨屏响应式设计。跨屏响应式设计的优化，你采用什么办法？一起来讨论一下。