响应式设计

流体网格，弹性图片以及media query是响应式web设计的三个技术要素

<link rel="stylesheet" media="screen and (orientation: portrait)" href="portraitscreen.css" />
首先，媒体查询表达式询问了媒体类型（你是一块显示屏么？），然后询问媒体特性（显示屏是纵向放置的吗？）
任何纵向放置的显示屏设备都会加载portrait-screen.css