css屏幕大小自适应

阅读数:1 评论数:0

跳转到新版页面

分类

html/css/js

正文

1、media语法

@media 设备名 only (选取条件) not (选取条件) and (选取条件)

2、示例

// 匹配横屏
@media all and (orientation: landscape){}
// 匹配竖屏
@media all and (orientation: portrait){}
// 高度在600px~960px
@media all and (min-height: 640px) and (max-height:960px)