16/12/2009, 16:32
| |||
| |||
| Como detectar resolucion de pantalla Como puedo detectar la resolucion de la pantalla de alguien que visita mi sitio y despues cambiar las dimenciones de la pagina dependiendo de esos resultados?
__________________ Mantente al tanto del acontecer Turistico nacional Visita el Parque Bicentenario El Salvador |
|
16/12/2009, 16:50
| ||||
| ||||
| Respuesta: Como detectar resolucion de pantalla el objeto screen tiene informacion acerca de ello, especialmente las propiedades height y width. luego, para adaptar tu documento a la resolucion, tienes varias alternativas. todo depende la que te guste o que puedas entender. por ejemplo, redireccionar a un documento previamente preparado para la resolucion. a mi juicio, es la peor alternativa que existe. otra alternativa, modificar la hoja de estilo a traves de javascript. por ejemplo,
Código:
otra alternativa seria dinamicamente cargar una hoja de estilo, requiere menos codigo ya que puedes hacer multiples modificaciones desde la hoja de estilo.if(screen.width > 1024 && screen.width < 1280)document.body.style.width = "1000px";
Código:
en el mejor de los casos, no hace falta un script. simplemente diseña tus documentos con maquetacion liquida o alguna variante. la ventaja, te permite acomodar el contenido segun el tamaño de la ventana, no de la resolucion de pantalla. http://www.google.com/search?q=dise%...ient=firefox-a if(screen.width > 1024 && screen.width < 1280){
var link = document.createElement("link");
link.setAttribute("href", "ruta_documento.css");
link.setAttribute("rel", "stylesheet");
link.setAttribute("type", "text/css");
document.getElementsByTagName("head")[0].appendChild(link);
}
__________________ la maldad es una virtud humana, y la espiritualidad es la lucha del hombre contra su maldad. |
|
16/12/2009, 18:49
| |||
| |||
| Respuesta: Como detectar resolucion de pantalla el problema del diseño liquido es q si se cupan porcenges y el usuario redimenciona su pagina a un tamaño muy pequeño toda la pagina se deforma, y si se usa un width maximo y minimo entonces se crean conflictos con browsers antiguos q no reconocen ese codigo css. Por eso me parece la mejor solucion es detectar la resolucion y llamar un archivo css dependiendo del resultado
__________________ Mantente al tanto del acontecer Turistico nacional Visita el Parque Bicentenario El Salvador |
