《响应式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 

你可能感兴趣的:(《响应式WEB设计 HTML5 & CSS3实例》 - 读书笔记)