Hace 4 años

Alto y ancho de la pantalla o ventana del navegador

Una de las maneras para adaptar un diseño a la resolución de la pantalla o de la ventana del navegador es usando la función de JavaScript. En PHP no es posible aberiguarlo porque se ejecuta en el lado del servidor. Pero lo que si podemos es pasar los valores de JavaScript a PHP al contrario que javaScript que lo hace en el cliente. Como muestra podéis ver vuestros valores, salvo que tengáis desactivado java.


Con las funciones screen.width y screen.height obtendremos la resolución de la pantalla, mientras que con window.innerWidth y window.innerHeight obtendremos los de la ventana del navegador.

<script>
var AnchoPantalla = screen.width;
var AltoPantalla = screen.height;

var AnchoVentana = window.innerWidth;
var AltoVentana = window.innerHeight;

document.write( 'AnchoPantalla x AltoPantalla = ' + AnchoPantalla + ' x ' + AltoPantalla + '<br>' )
document.write( 'AnchoVentana x AltoVentana = '+ AnchoVentana + ' x ' + AltoVentana + '<br>' )
</script>

<br> crea un retorno de carro en HTML.

Diseño web
,
1112

Dame tu opinión

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>