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