2010-05-28 25 views
15

No sé si estoy preguntando en el lugar correcto, entonces si mi pregunta tiene que ser transferida, me disculpo por ello. Soy totalmente novato en este lugar.¿Cuál es la resolución de pantalla mínima para la que actualmente optimiza sus diseños web?

+0

ambos mis monitores van a 2048 x 1152, aunque 1920 x 1080 es casi el máximo para la mayoría de los monitores convencionales. –

+0

No puedo afirmar que sepa algo sobre diseño web, pero ¿hay alguna buena razón para diseñar tamaños específicos en lugar de usar porcentajes para todo? – Joel

+1

@Joel: No me gustan los "diseños líquidos" para sitios web cuyo contenido es principalmente texto, si tiene una pantalla ancha, se vuelve difícil de leer. – novato

Respuesta

10

Lo que sea que esté trabajando.

Realmente intento encajar todo en aproximadamente 900px. 1024x768 es la norma y la resolución más común en la actualidad. No lo pasaría sin una muy buena razón también.

+0

Nuestros contenedores generalmente tienen un tamaño aproximado de 900px. Tenemos un cliente que todavía usa 800x600 en una pantalla de 20 "... increíble, ¿no? – novato

+2

@Hermet: Actualice su sistema operativo y enséñele sobre DPI, probablemente funcione a 800x600 porque el texto es más grande ... Sólo subió su DPI a 120 y configuró sus res a 1280x1024, estará contento y usted estará contento. – Aren

+3

@Hermet: 800x600 es ridículo. Consulte http://xkcd.com/732/ –

2

NOSOTROS apuntamos a 1024x768. Nuestro mayor problema es que los clientes que usan nuestros servicios podrían enmarcarnos dentro de sus propios sitios web, dirigidos a la misma resolución y aún somos demasiado pequeños.

También es interesante saber qué versiones de navegadores admitir: ¡el 38% de nuestro tráfico sigue siendo IE6!

+12

Oh, Dios mío ... IE6 debe ser asesinado – novato

1

Trabajo en una aplicación web interna de la compañía. Muchos de nuestros usuarios (por alguna razón) usan 800x600, por lo que tratamos de respaldar eso.

1

Uso el sistema 960 grid en muchos proyectos, por lo que optimizo diseños web para 1024x768.

4

Sugiero

750px si la orientación de 800 x 600 píxeles

950 píxeles si la orientación de 1024 x 768 píxeles

1220px si la orientación de 1280 x 1024 px

Cualquiera sea el sistema que se dirigen, hacen Asegúrese de dejar al menos un espacio de 50 píxeles para la barra de desplazamiento y la barra lateral (en algunos navegadores)

+0

¿Por qué la votación negativa? – Starx

1

La resolución de pantalla estándar aceptada para el "Usuario final" v aries de 1280 X 1024 ~ 1400 X 1050

Sin embargo, si estamos hablando de un punto de "control de calidad" de vista, el requisito mínimo por lo general es de 1024 x 768

5

sitios web flexibles son el futuro. Tiene sus peculiaridades, pero no es tan difícil como parece.

Usted tienen netbooks, iPads, los ordenadores portátiles y luego 24" , 27" y hasta 30" monitores. Y la lista va creciendo.

uso inteligente de min-width/ancho máximo, sobre la base de porcentaje anchuras y, tal vez, los medios de comunicación-cuadernillos le permiten obtener resultados muy sorprendentes

recientes a List Apart tema sobre el tema:. http://www.alistapart.com/articles/responsive-web-design/

+0

Estoy de acuerdo ... pero ¿no crees que CSS todavía no es adecuado para una solución única para todos? – harpo

+0

CSS es, algunos navegadores no son :-) pero, en serio, creo que para diseñar desde 750px hasta 1400px, con un uso inteligente de flotadores y anchos, es posible en este momento. I thin k que el uso más inteligente de una pantalla de bienes inmuebles es mejor para el usuario. Pero, cada sitio web es una historia muy diferente. El soporte de navegador requerido y, por ejemplo, el soporte de dispositivos móviles es muy diferente. –

1

ya que creo que se debe orientar 1024x768 porque esta resolución es principal en todo world pc. mayormente uso de usuario de computadora 1024x768 y usted debería 1000px como trabajo siempre.

1

coinciden con los carteles más arriba, en general, la norma hoy en día es 1024x768 (y utilizar una base de rejilla 960)

pero siempre se debe prestar atención a los registros de su servidor/webstats primero. Le informarán las resoluciones de pantalla más utilizadas de sus visitantes y la información del navegador. Es probable que haya algunas sorpresas, y obtendrá mejores datos sobre sus usuarios de sus registros que preguntándonos.

3

El mejor ancho para un sitio web que funciona bien en todas las resoluciones es de 960px de ancho por lo que he encontrado hasta ahora.

1

¿Mínimo?

diría 480px :) como en:

<link media="only screen and (max-device-width: 480px)" href="http://www.alsacreations.com/css/handheld.css" type="text/css" rel="stylesheet" /> 

Nos diseño centrado y lo arreglaron páginas anchura de 950 a 1004px (960 , 970 o 1000 píxeles sobre todo, 1004 es el límite superior superior)

Netbooks tienen una resolución de 1024x600px sobre todo para:

  • cuidado con el pliegue , pantallas puede tener un (n) de altura que es inferior a 768px
  • de 1024px no va a desaparecer en cualquier momento pronto

Google lanzó Browser Size, una herramienta que le mostrará el ancho, la altura de la ventana gráfica (no la resolución de la pantalla o el tamaño de la ventana del navegador) y el porcentaje de visitantes tener una ventana gráfica más grande, datos obtenidos de "personas que visitaron Google". Funciona mejor con heladas diseños que para jalea y fluido diseños

+0

Por favor, no vayan confundiendo a las personas sobre todo el sinsentido de 'abajo del pliegue'. Lea http://iampaddy.com/lifebelow600/ si necesita convencer. – AJMansfield

+0

Escribí exactamente lo contrario hace 3 años: no pienses que estás en la cima porque estás apuntando a "1024" (pensando que la altura será de 768). Nunca sabes. – FelipeAls

1

Como con la mayoría de lo anterior, se tiende a diseñar a 1024x768, sin nada más ancho que 980 px.

Cuestiones relacionadas