CSS媒体查询:aspect-ratio

自看楼主楼底

material

aspect-ratio简介

aspect-ratio定义和用法

aspect-ratio：<ratio>

aspect-ratio属性值

<ratio>：: 指定比率

aspect-ratio说明

定义输出设备中的页面可见区域宽度与高度的比率。

本特性接受min和max前缀，因此可以派生出min-aspect-ratio和max-aspect-ratio两个媒体特性。

简单列举几个应用示例：

@media screen and (aspect-ratio:1680/957){ … }
@import url(example.css) screen and (max-aspect-ratio:20/11);

来源：http://caibaojian.com/css3/properties/media-queries/aspect-ratio.htm

2020-01-16 10:39 举报

板块信息详情

板名：学习资料: 主题：318; 帖子：0; 今日：0; 类别： CCS|; 使用用户查找的一些学习资料

热门讨论

1: 第一个页面从hello world开始; 0; 图文教程

2: 挟翼2.0正式上线！; 0; 动态与公告

3: CSS动画面板介绍; 0; 图文教程

4: hover鼠标经过的样式; 0; 图文教程

5: 为HTML元素设置文本; 0; 图文教程

6: 关于创建tmpDIV说明(class=&amp;quot;__tmp&amp;quot;); 0; 图文教程

7: 为HTML元素设置click事件; 0; 图文教程

8: CSS3 transition-timing-function 属性说明; 0; CCS教程

9: max和min值介绍; 0; 图文教程

10: HTML元素的样式解析; 0; 图文教程

11: 创建一个新的项目; 0; 图文教程

12: 利用边框弧度来绘制一个月亮; 0; 图文教程

13: margin-top失效解决办法; 0; 图文教程

14: 设置HTML元素的OnMouseOver事件; 0; 图文教程

15: 主界面介绍; 0; 图文教程

16: 快捷键介绍; 0; 图文教程

关于挟翼

挟翼一款提供UI页面设计的软件。
您只需要动一动鼠标绘制相关的元素，软件会自动帮你完成CSS样式和HTML代码。
从现在开始注册，立即赠送一年VIP会员。活动结束日期待定。

关注ME！

微博：新浪微博 Mail：admin@xieyisoft.com

Copyright @ 2018-2025 京ICP备15002500号-3