<html> <body> <p>This text should be green if the viewport is portrait.</p> <p style="color: green">This text should be green if the viewport is landscape.</p> <p>Obviously, at least one should be green, but never both. Square is portrait.</p> </body> </html>