網站建設中一直存在的兼容性問題
這是一個一直困擾網站建設者的問題,在普通PC網站建設時要考慮從IE6-IE10 Firefox Chrome Safari 還有比如360 sogou 有時也會跳出一些奇怪的問題。那么微信網站建設是否需要考慮兼容性了呢?答案是需要考慮,但不像傳統網站建設時會出現這么多兼容問題。更多考慮的應該是一些CSS3中屬性在各大瀏覽器內核中命名方式的差異。比如:邊框圓角的樣式,border-radius 在老的firefox上命名就應該是:-moz-border-radius。
盡量使用HTML5帶來的最新體驗
在普通網站建設時,我們往往為了兼容老的瀏覽器會考慮損失一些頁面特效。但在微信網站制作時,就請大膽的使用基于HTML5+CSS3所帶來的最新效果體驗吧。同時CSS3帶來的另一個重要變化就是Transition,可以讓之前寫破頭才能實現的一些動畫效果只需簡單定義幾個css樣式即可實現。我們利用CSS3實現了一個簡單的頁面切換效果。用戶在點擊分類時,會有一個頁面彈出彈入的效果,增強了視覺上的感受。
微信網站布局
響應式的設計依然重要
在傳統網站建設中,我們利用響應式技術(更多響應式網頁設計案例)來統一寬屏、窄屏、平板、手機的頁面布局方式,使其達到最優化的頁面表現。在微信網站建設中,我們有時也會需要考慮使用響應式的設計來達到繁多的手機分辨率下,各個頁面的最佳表現。如在橫屏和豎屏下的不同頁面表現。
更多的考慮移動端的交互體驗
我們知道,用戶在使用手機時,不像如操作電腦,只會利用鼠標的點擊事件。在手機上,我們會更多的使用到touch事件,還有一些滑動事件,如何利用好這些事件可以為我們的應用的交互性加分。
如上圖,我們在最后一個返回按鈕中使用了向右滑動的事件來觸發頁面的切換。向右滑動本身就是用戶在手機端常用的操作手勢,可以說使用者對于這樣的操作毫無違和感。
微信網站建設中還有很多與普通PC網站建設中存在差異化的地方,如:對于橫豎屏的偵測并實現不同的頁面效果,通過微信公眾平臺的接口來實現更多富客戶端的應用等。這些都是網站建設者需要在實際案例中去挖掘研究的地方。

猜你喜歡



-
容易引起訪客反感的網站建設問題有哪些?
過于膨脹的網站主頁意味著當訪客第一次進入到網站的時候,會看到鋪天蓋地的信息,專業人士一般把這種現象統稱為“選擇負擔“。
-
讓你事半功倍的幾款編程小工具
深正互聯,致力于龍崗網站建設,以下是我們對程序編程初學者的一些推薦,在科技行業里,可供人們使用的工具成百上千,你要怎么知道用哪一種上手最合適呢...
-
Chrome 將不再標記 HTTPS 頁面為安全站點
谷歌宣布從 9 月開始,Chrome 將停止在地址欄中標記 HTTPS 頁面為“安全”站點
-
怎么搭建自己的H5響應式網站
怎么搭建自己的H5響應式網站?怎么制作一個自己的H5響應式網站?大部分的企業朋友在考慮網站建設時的第一反應一般都是找網站建設公司,心想自己既不懂代碼,又不懂設計,除了交給別人做還有什么方法嗎.......
-
javascript如何判斷客戶端是什么設備
前端開發經常遇到需要判斷用戶的瀏覽設備,是pc端還是移動端,移動端使用的是什么手機系統?android、ios、ipad、windows phone等等,有時候還需要知道用戶瀏覽頁面是在微信中打開還是在移動端瀏覽器中打開,等等一系列判斷做一些相應的處理。