Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<title>Test that orientation member with portrait value is supported</title>
<link rel="manifest" href="resources/orientation-member-portrait.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 "portrait" value</h1>
<style>
@media all and (orientation: portrait) {
body {
background-color: green;
}
}
@media all and (orientation: landscape) {
body {
background-color: red;
}
}
</style>
<p>
Please set the phone orientation to landscape.
</p>
<p>
To pass, after installing the display orientation must be portrait and the background must be green.
</p>