中文在线资源天堂_亚洲欧洲日本在线_欧美视频在线看_三级福利视频_久久av动漫_在线免费观看亚洲

Web前端知識

首頁 > 免費 > Web前端知識 >

響應式網站設計的原則及經驗

來源:北京匯仁智杰科技有限公司   時間:2016-06-17   點擊:

  在QA TechWeek2014 期間,QA公司首席技術專家David Walker在 使用Foundation進行響應式設計的會議上,提出了響應式網站設計的原則。Walker提到從現有桌面網站創建移動應用網站的多種方式:原生應用,為每種移動操作系統開發一個應用;嵌入式HTML5,使用PhoneGap或者類似的工具;在服務端過濾,分別為桌面和移動設備建立網站,在兩者間進行重定向。
  分析完每種方法的優缺點后,Walker提出了響應式設計(RWD),使用HTM L5、JavaScript和CSS創建響應式網站,根據設備即時調整布局、格式和內容。RWD的主要好處是避免內容剃重復,使網站能夠適應所有設備,包括未來設備的尺寸。缺點是需要優秀的CSS和JavaScript技能,有些資源在移動網絡中太大,針對舊版本的瀏覽器需要Polyfill。
  要做到響應式設計,Walker建議遵循以下原則:
  建立流動布局(Fluid layout) 。所有容器的寬度必須定義成瀏覽器Viewport的百分比。
  使用CSS3 Media Query。針對不同的媒體類型如屏幕、打印機、電視等等,以及不同的媒體參數,如寬度、高度、顏色、分辨率等等,使用不同的樣式。
  使用自適應圖片(Fluid image) 。圖片尺寸可以自適應,不超過最大顯示寬度。
  要決定樣式適用于哪種媒體類型,你需要確定有哪些不同的顯示寬度。
  Walker表示,響應式網站設計還需要考慮:
  為不同的設備和網絡速度優化圖片; 
  為移動UI/UX改變導航模式;
  改變鏈接和按鈕的樣式,使其適于觸摸;
  動態調整字體大小,以適應不同的屏幕分辨率;
  按需加載內容,而不是隱藏起來;
  提供圖形的Retina版本。
  Walker還演示了如何使用Foundation創建響應式網站,Foundation是一個開源的響應式前端框架。另一個類似的解決方案是Bootstrap,它最初由Twitter開發。

網絡營銷推廣 . 北京匯仁智杰科技有限公司!

地址:北京市昌平區回龍觀龍冠大廈5層
咨詢:13370157521
業務QQ:373002979
E - mail:sales @ huirenzhijie.com
企業網站備案:京ICP備15021091號-1

匯仁智杰與眾不同

  • 有網絡推廣經驗
  • 有網站建站隊伍
  • 有大型網站建設經驗
  • 致力于營銷型網站建設
  • 始終堅持技術和服務同樣重要
查看PC版網站
備案號:京ICP備15021091號-1 版權所有:匯仁智杰

主站蜘蛛池模板: 国产乱码精品一区二区三区忘忧草 | 亚洲综合无码一区二区 | 国产精品69毛片高清亚洲 | 精品一区二区三区三区 | 国产精选一区二区三区不卡催乳 | 国产精品一区二区三区四区 | 国产成人一区二区 | 欧美日韩一区二区三区 | 免费久久99精品国产婷婷六月 | 久久一级 | 一区二区视频在线 | 四虎成人在线播放 | 国产香蕉视频在线播放 | 欧美在线观看一区 | 国产三级在线播放 | 国产精品国产精品国产专区不蜜 | 日韩欧美一区二区三区久久婷婷 | 久久另类 | 黄a免费 | 久久久久久久久久影院 | 中文二区 | 中文字幕精品一区 | 97久久久| 黄色一级免费观看 | 亚洲视频免费网站 | 黄色天堂网 | 国产 日韩 欧美 中文 在线播放 | 久久综合久久久 | a√天堂资源在线 | 中文字幕亚洲一区二区三区 | 欧美午夜精品一区二区三区电影 | www.成人在线视频 | 欧美日韩黄色一区二区 | 中文字幕视频免费观看 | 国内自拍网站 | www.成人| 五月婷婷导航 | 国产精品一任线免费观看 | 久久久久久国产精品 | 大香伊蕉在人线视频777 | 91视频免费观看 |