HTML | Ancho de pantalla Propiedad

La propiedad Ancho de pantalla se utiliza para devolver el ancho total de la pantalla de un usuario. Devuelve el ancho total de la pantalla en píxeles.
Sintaxis: 

screen.width

Valor devuelto: un número, que representa el ancho total de la pantalla del usuario, en píxeles

El siguiente programa ilustra la propiedad Ancho de pantalla:
Comprobación del ancho total de la pantalla de un usuario.
 

html

                      
<!DOCTYPE html>
<html>
 
<head>
    <title>
        Screen width Property in HTML
    </title>
    <style>
        h1 {
            color: green;
        }
         
        h2 {
            font-family: Impact;
        }
         
        body {
            text-align: center;
        }
    </style>
</head>
 
<body>
 
    <h1>GeeksforGeeks</h1>
    <h2>Screen width Property</h2>
 
     
<p>
      For checking the screen's width,
      double click the "Check width" button:
    </p>
 
 
    <button ondblclick="width()">
        Check width
    </button>
 
    <p id="wd"></p>
 
 
    <script>
        function width() {
            var w = "Total Screen Width in Pixels: "
                                    + screen.width;
            document.getElementById("wd").innerHTML = w;
        }
    </script>
 
</body>
 
</html>

Producción: 
 

Después de hacer clic en el botón 
 

Navegadores compatibles: los navegadores compatibles con Ancho de pantalla se enumeran a continuación: 
 

  • Google Chrome
  • explorador de Internet
  • Firefox
  • Ópera
  • Safari

Publicación traducida automáticamente

Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *