<!DOCTYPE html>
<title>Test that orientation member with landscape value is supported</title>
<link rel="help" href="https://w3c.github.io/manifest#orientation-member" />
<link rel="manifest" href="resources/orientation-member-landscape.webmanifest" />
<script src="resources/orientation-member-manual.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<h1>Testing support for orientation member with "landscape" value</h1>
<style>
@media all and (orientation: landscape) {
body {
background-color: green;
}
}
@media all and (orientation: portrait) {
body {
background-color: red;
}
}
</style>
<p>
Please set the phone orientation to portrait.
</p>
<p>
To pass, after installing the display orientation must be landscape and the background must be green.
</p>