首页 > 开发 > CSS > 正文

使用CSS3来匹配横屏竖屏的简单方法

2024-07-11 09:06:42
字体:
来源:转载
供稿:网友
这篇文章主要介绍了使用CSS3来匹配横屏竖屏的简单方法,主要使用到了CSS3中新加入的@media,需要的朋友可以参考下
 
 

写在同一个CSS中
 
CSS Code复制内容到剪贴板

  1. @media screen and (orientation: portrait) {   
  2.   /*竖屏 css*/  
  3. }    
  4. @media screen and (orientation: landscape) {   
  5.   /*横屏 css*/  
  6. }  

分开写在2个CSS中
竖屏
 

CSS Code复制内容到剪贴板
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表