shape
语法
示例
基本示例
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 圆形显示器级别 1 # shape-media-feature |
浏览器兼容性
尚无浏览器实现此功能。