como puedo saber cual es la medida de porcentaje a pixeles

jor_0203 · #1 (**permalink**) 15/11/2011, 02:48

quiero hacer conversiones de porcentajes en divs a pixeles
y después usar la ayuda de javascript para tener medidas dinámicas
este es un ejercicio muy interesante
ya que esto puede ayudar a maquetar de forma dinámica
gracias
cualquier idea la agradeceré de conversiones
aunque la mayoría me diga
no puedes saber cuantos % equivalen un pixel porque por ejemplo el ancho de tu página en % depende del tamaño de la ventana de tu browser y la resolución de tu pantalla.

esto no es tan cierto, ya debe haber una medida aunque cambie el porcentaje del la pantalla.
y con javascript se pueden hacer sin ningun problema la conversion
ya que se puede sacar el valor de la pantalla donde este
y con algunos cálculos se pueden hacer cosas muy hermosas
¿si yo tengo 800px como convierto a porcentaje?
¿ahora si yo tengo 100% como lo convierto a pixeles?

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
.contenedor {
    background-color: #0099FF;
    
    width: 50%;
}
-->
</style>
</head>
 
<body>
<div class="contenedor">el div contenedor se adapta auna parte de la pantalla  </div>
como puedo saber cual es la medida de porcentaje a pixeles 
</body>
</html>

linuxzero · #2 (**permalink**) 15/11/2011, 04:49

con las propiedades screen.width y screen.height podes obtener el tamaño de la resolucion del monitor, y realizando una cuenta de 3 simple podrias obtener un número.

Por ejemplo:
Mi resolucion es de 1024 suponete, entonces hacemos:

1024px -----> 100%
800px -----> x = 78,125

Fijate si algo asi te funciona ;)

Saludos!

jor_0203 · #3 (**permalink**) 15/11/2011, 07:40

Cita:

Iniciado por linuxzero

con las propiedades screen.width y screen.height podes obtener el tamaño de la resolucion del monitor, y realizando una cuenta de 3 simple podrias obtener un número.

Por ejemplo:
Mi resolucion es de 1024 suponete, entonces hacemos:

1024px -----> 100%
800px -----> x = 78,125

Fijate si algo asi te funciona ;)

Saludos!

que interesante
lo único malo es que cuando la gente tiene tools en las paginas de internet
no te da las medidas exactas
pero la ideal es genial
por eso quiero poner un div contenedor que de adapte a toda la pantalla
y de ahi sacarle las medidas reales con javascript

linuxzero · #4 (**permalink**) 15/11/2011, 08:06

Cualquier otra cosa no dudes en avisar ;)

Saludos