序章
响应式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