CSS 屏幕大小自适应的实现示例

要想实现css屏幕大小自适应,首先得引入 CSS3 @media 媒体查询器: media的使用和规则: 1被链接文档将显示在什么设备上。 2用于为不同的媒介类型规定不同的样式。 语法: @media 设备名 only (选取条件) not (选取条件) and(设备选取条件),设备二{sRules} 实例: /* 这是匹配横屏的状态,横屏时的css代码 */ @media all and (orientation :landscape){} /* 这是匹配竖屏的状态,竖屏时的css代码 */ @media all and (orientation :portrait){} @me