首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >媒体-查询纵横比

媒体-查询纵横比
EN

Stack Overflow用户
提问于 2019-02-26 14:43:25
回答 1查看 167关注 0票数 0

当浏览器比例为4:3时,我想改变h1元素的背景颜色。我尝试过在我的媒体查询中使用aspect-ratio,但由于某些原因,它不起作用。如何解决此问题?

代码链接:https://codepen.io/s4ek1389/pen/MxWqrg

HTML:

代码语言:javascript
复制
<h1>Hello, World!</h1>

CSS:

代码语言:javascript
复制
  h1 {
      background-color: red;
    }

    @media screen and (aspect-ratio: 4/3) {
      h1 {
      background-color: blue;
    }
    }
EN

回答 1

Stack Overflow用户

发布于 2019-02-26 14:56:09

尝试使用max-aspect-ratio而不是aspect-ratio

代码语言:javascript
复制
h1 {
  background-color: red;
}

@media (max-aspect-ratio: 4/3) {
  h1 {
    background-color: blue;
  }
}
代码语言:javascript
复制
<h1>Hello, World!</h1>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54879773

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档