爲了響應“移動優先”的趨勢，跨屏網推出了“移動優先”的模板，依然免費，很多人不瞭解什麼是“移動優先”原則，下面會集中和大家講講，包括在知乎我們也看到了很多人不瞭解“移動優先”和響應式的區別，看完這篇文章，想必你會有個大致的瞭解。
首先先上演示
http://mobiledemo.kuaping.com/
網站的細節還需要花很多的時間去調整，大致的效果就是這樣了，當然這不算是完全的“移動優先”，可能更算是“移動版”吧，但是在電腦端也可以看的，後期考慮做一個pc的兼容，在pc上儘量還是呈現pc的外觀，但是本質上還是移動網站，這種情況就叫做“移動優先”。
什麼是移動優先？
移動優先就是默認是h5手機網站，向上做兼容，就是向屏幕分辨率高的設備做兼容，h5手機網站做pc的適配。
移動優先和響應式的區別？
響應式是先做pc的網站，然後調整h5手機尺寸下的適配兼容。
移動優先是先做h5網站，然後調整pc屏幕尺寸下的兼容適配。
從概念的先後順序是先出現的響應式技術，然後出現了移動優先的原則，本質上移動優先也是響應式技術，只是適配方向發生了改變，也說明了先做是移動的天下，做網站也是先考慮移動端，
其次考慮pc端，移動端爲主，pc端爲輔。
寫在最後
跨屏網本身就是擅長各種網站在不同屏幕尺寸下的兼容適配處理，所以對於網站的發展史也有非常清晰的認識，跨屏網先推出了響應式網站模板（免費），然後又推出了移動優先的模板（依然免費），也是順應了整個時代的發展方向，歡迎去申請使用。