《电子商务网页设计》课件 项目八 响应式网页设计.pptx

项目八

响式网页设计;;使用媒体查询布局网页;知识目标

1.?掌握视口的概念。

2.?掌握栅格系统的概念。

技能目标

1.?能够正确使用媒体查询实现响应式布局。

2.?能够正确使用百分比布局。;驰嘉网络科技公司作为国内领先的移动互联网广告营销服务提供商，紧随移动互联网的发展步伐，决定重新打造一套响应式网页。这套新网页将确保桌面端、移动端等各类终端用户都能顺畅地浏览并了解公司信息，从而进一步促进与公司的合作，实现宣传效果的最大化。网页设计定版如下图所示。;394;395;响应式网页设计的核心理念是实现“一站式适配”。它主要运用流式布局，即页面元素的宽度依据屏幕宽度的百分比来设定。这样，无论屏