css3响应式布局ppt课件.ppt
《css3响应式布局ppt课件.ppt》由会员分享,可在线阅读,更多相关《css3响应式布局ppt课件.ppt(12页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、烧伤病人的治疗通常是取烧伤病人的健康皮肤进行自体移植,但对于大面积烧伤病人来讲,健康皮肤很有限,请同学们想一想如何来治疗该病人响响应式布局式布局 响应式布局是现在很流行的一个设计理念,随着移动互联网的盛行.为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果,设计师提出了响应式布局的设计方案.所谓的响应式布局,就是一个网站能够兼容多个终端-而不是为每个终端做一个特定的版本.也就是说一个页面可以在多个终端显现出你想要的效果,能够兼容各个终端.烧伤病人的治疗通常是取烧伤病人的健康皮肤进行自体移植,但对于大面积烧伤病人来讲,健康皮肤很有限,请同学们想一想如何来治疗该病人响响应式布局的式布局的优
2、缺点缺点优点:面对不同分辨率设备灵活性强.能够快捷解决多设备显示适应问题 根据不同的显示器调整设计最适合用户浏览习惯的页面.缺点:兼容各种设备工作量大,效率低下.代码累赘,会出现隐藏无用的元素,加载时间加长.其实这是一种折衷性质的设计解决方案,多方面因素影响而达不到最佳效果.因为要适应不同的设备,页面的结构可能会有所不同,会导致页面的辨识度不强烧伤病人的治疗通常是取烧伤病人的健康皮肤进行自体移植,但对于大面积烧伤病人来讲,健康皮肤很有限,请同学们想一想如何来治疗该病人利用CSS3-Media Query实现响应式布局1.media query:通过不同的媒体类型和条件定义样式表规则.媒体查询让
3、CSS可以更精确作用于不同的媒体类型和同一媒体的不同条件2.语法结构及用法:media设备名only(选取条件)not(选取条件)and(设备选取条件),设备二sRules(1)在link中使用media:(2)在样式表中内嵌media:media screen and(max-width:600px)选择器 属性:属性值;烧伤病人的治疗通常是取烧伤病人的健康皮肤进行自体移植,但对于大面积烧伤病人来讲,健康皮肤很有限,请同学们想一想如何来治疗该病人css3媒体查询语法:/*media screen and(min-width:1440px)and(max-width:1600px)*/medi
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- css3 响应 布局 ppt 课件
限制150内