海淘科技：隨著移動終端的普及,移動互聯網,關注越多,移動網絡的建設是必然趨勢,移動互聯網已經讓消費者在任何時候,任何地方,便攜式訪問方便快捷的優勢和不可替代的特點,如京東、淘寶等大型網站建立一個手機網站,用手機可以網上購物,手機網站符合移動瀏覽習慣,兼容各種手機系統,允許用戶隨時隨地關注其動態。
網站整體風格設計
移動網站比電腦端更簡潔,突出產品,獨立設計一個自定義開發移動網站,與pc端相結合。
產品詢盤功能
與移動終端可以直接站內搜索數量產品標題,發送在線詢價單一產品,商業和得到另一個窗口產品,開放前所未有的手機消費市場。
便捷管理網站數據
電腦端和移動互聯網網站共享同一后端系統管理和同步輸入的新數據，只需要一次就行。
移動在線商城
隨著移動終端市場的發展,越來越多的人開始使用移動終端操作的在線購物。據統計,一些城市通過移動終端支付訂單在30%以上。
SEO優化
對于WAP搜索引擎優化推廣，相比于手機網站，WAP搜索引擎收錄要快很多，而且排名是較靠前的。現在,很多企業在手機網站的建設,使移動網站建設,不僅可以極大地提高企業的形象,也可以建立品牌知名度。
1、流動布局
眾所周知，在很早之前很少使用這種布局電腦,因為我們的需求或web頁面的寬度,或兩種寬度,寬屏幕處理和窄屏幕處理。默認的寬度和手機是不同的,大部分的手機都是不同的,所以流動分布可以解決自適應需求。
百分比替代傳統的px為單位是流動布局的一大特色。設計草案寬度六百四十像素,例如,在設計時，導航內包含四個等寬的菜單，寬邊距為二十像素，幅度應該二十像素與 六百四十像素的比例,每個菜單的寬度為百分之百與四的比例。優點是無論如何改變的寬度,四個菜單的寬度一直都是相同的。
2、浮動布局
看到Flexbox最新版本的規范,很多人都很開心的認為手機端可以保持浮動布局。但不幸的是,支持 Flexbox舊版本的安卓2.3系統，即使是最簡單的多行排序都無法實現。在這種情況下,有些人喜歡使用傳統的流動方式。因為對于開發人員來說,這個周期是最簡單的。所以,沒有放棄浮動布局。
所以說兼不兼容老版本IE已經無所謂了，浮動布局也變得隨意簡單很多
.clearfix{ content:""; display:table; clear:both;}
在Less的公共代碼庫里，也加了這個：
.clearfix(){ &:after{ content:""; display:table; clear:both; }}
需要清除浮動，直接寫.clearfix()即可。
3、混合布局
把各種不同的布局方式靈活的運用于網站頁面中，使得網站頁面合理規范且美觀，這種設計的方式就稱之為混合布局
4、定位布局
近年來，定位在移動端也用得很普遍，尤其是彈窗。
position: fixed;left: 50%;top: 50%;-webkit-transform: translate3d(-50%,-50%,0);transform: translate3d(-50%,-50%,0);如此簡單就搞定水平垂直居中的彈窗。
