欧美一区二_欧美一区二区大片_欧美一区二区公司_欧美一区二区黄色_99久久精品无免国产免费_99久久精品无免国产免费75

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 版权所有:汇仁智杰

主站蜘蛛池模板: 青青青在线网站视频在线 | 成年人黄色大全 | 国产黄色免费 | 久久久中文字幕 | 国产性较精品视频免费 | 99视频精品全部 在线 | 日韩精品中文字幕视频一区 | 国产资源中文字幕 | 95视频在线观看在线分类h片 | 成人黄页网站免费观看大全 | 欧亚精品一区二区三区 | 国产夜趣福利免费视频 | 韩国视频一区 | 福利精品一区 | 欧美一区视频 | 日韩精品亚洲人成在线播放 | 日本高清免费不卡在线播放 | 99在线视频免费观看 | 国内精品久久久久不卡 | 91视频专区 | 成人久久18免费游戏网站 | 成人黄页网站免费观看大全 | 国人精品视频在线观看 | xxxxx.日本| 国产欧美国产精品第一区 | 成人看免费一级毛片 | 成人性毛片 | 成人小视频免费观看 | 欧美亚洲国产成人综合在线 | 91视频入口 | 97精品国产97久久久久久 | 国产成人免费 | 日韩大片免费在线观看 | 日韩欧美精品在线观看 | 日韩视频不卡 | 91精品一区二区三区在线播放 | 欧美成人三级视频 | 欧美一级一极性活片免费观看 | 欧美性色生活片天天看99顶级 | 国产人人草 | www精品一区二区三区四区 |