《响应式WEB设计 HTML5 & CSS3实例》 - 读书笔记

序章


响应式WEB设计(Responsive Web Design RWD)是由 “伊桑·马科特”,于2010年5月25日在**《A List Aart》 上发表的一篇文章才真正走入了人们的视野中。RWD,实际上是将已有的三种技术整合在一起的成果。

第1章:响应式网页设计的定义


视口: 是指浏览器内容区域的尺寸,也就是浏览器实际显示内容的区域,不包含浏览器的状态栏于工具栏等其它区域。
屏幕尺寸: 是指整个屏幕的物理显示区域。

案例1:解决背景颜色与背景渐变色的自动降级

 background-color:#42c264;
 background-image:-webkit-linear-gradient(#4fec50, #42c264);
 background-image:-o-linear-gradient(#4fec50, #42c264);
 background-image:linear-gradient(#4fec50, #42c264);

嘻嘻嘻
x

dfjksajfl 
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容