display_cutout.html 812 B

1234567891011121314151617181920212223242526272829
  1. <html>
  2. <head>
  3. <meta name="viewport" content="width=device-width, initial-scale=1"></meta>
  4. </head>
  5. <body>
  6. <p>Greetings planet</p>
  7. </body>
  8. <script>
  9. function toggleFullscreen() {
  10. if (!document.fullscreenElement) {
  11. document.documentElement.requestFullscreen();
  12. } else {
  13. document.exitFullscreen();
  14. }
  15. }
  16. document.addEventListener('click', function(e) { toggleFullscreen(); }, false);
  17. const viewport = document.getElementsByTagName('meta')[0];
  18. const defaultValue = viewport.getAttribute('content');
  19. function setViewportFit(fit) {
  20. if (fit) {
  21. viewport.setAttribute('content', defaultValue + ', viewport-fit=' + fit);
  22. } else {
  23. viewport.setAttribute('content', defaultValue);
  24. }
  25. }
  26. </script>
  27. </html>