CSS媒体查询中的宽高比和设备宽高比之间的差异

Question

简单的术语aspect-ratio和之间的区别是什么device-aspect-ratio？

Answer 1

对于每个对目标显示区域和输出设备之间关于宽高比的区别感到困惑的人:

目标显示区域

浏览器窗口的宽高比或网站显示的区域(特殊情况例如是嵌入式网站)

输出设备

屏幕的物理纵横比.例如您的智能手机或桌面显示器

As smartphones and tablets usually display apps in fullscreen mode only, aspect-ratio and device-aspect-ratio are the same. On a desktop computer this surely is not always the case as the user can resize the browser window and thus the aspect-ratio changes.

I hope it helps.

Answer 2

移动设备上的一个功能差异是软键盘的出现会改变纵横比，但不会改变设备纵横比。

Answer 3

aspect-ratio

描述输出设备的目标显示区域的宽高比。该值由两个用斜杠（“/”）字符分隔的正整数组成。这表示水平像素数除以垂直像素数。

来源。

device-aspect-ratio

描述输出设备的宽高比。该值由两个用斜杠（“/”）字符分隔的正整数组成。这表示水平像素数除以垂直像素数。

来源。