语法
shape 离散特性被指定为两个可接受的字符串之一：rect 表示矩形屏幕，或 round 表示圆形、椭圆形或近似椭圆形的屏幕。
示例
基本示例
HTML
html
<h1>Hello World!</h1>
CSS
css
h1 {
text-align: left;
}
@media (shape: rect) {
h1 {
text-align: left;
}
}
@media (shape: round) {
h1 {
text-align: center;
}
}
自定义样式表
此 HTML 将为具有圆形屏幕的设备应用特殊样式表。
html
<head>
<link rel="stylesheet" href="default.css" />
<link
media="screen and (shape: rect)"
rel="stylesheet"
href="rectangle.css" />
<link media="screen and (shape: round)" rel="stylesheet" href="round.css" />
</head>
规范
| 规范 |
|---|
| CSS Round Display Level 1 # shape 媒体特性 |
浏览器兼容性
目前没有浏览器支持此功能。