cambiar el tamaño del sitio web html para diferentes resoluciones de pantalla

Question

Tuve que volver a hacer un sitio web de flash a html/jquery. Todo se veía genial. Hasta que probé el sitio en una netbook donde la resolución de la pantalla es mucho más pequeña. Todos los elementos estaban desalineados o no se estiraban como yo quería. O había barras de desplazamiento en todas partes.

así, ¿cómo puedo hacer que estirar o cambiar el tamaño correctamente,

¿Existe una propiedad que puedo fijar en alguna parte que sería cambiar el tamaño proporcionalmente todo?

Answer 1

Debe usar alto/ancho en porcentaje (%) en lugar de px/em. cambie el archivo css.

Answer 2

¿Hay alguna propiedad que pueda configurar en algún lugar que redimensione todo proporcionalmente?

Todo? No. Los tamaños de fuente no se ajustarán en función del tamaño de la ventana (al menos no sin JS).

Puede establecer el ancho de la mayoría de las cosas usando unidades de porcentaje en sus hojas de estilo, pero aun así habrá un punto en el que las cosas se descompondrán.

La palabra de moda actual es responsive web design (no puedo comentar sobre la calidad de los enlaces de esa página) en la que media queries se utilizan para proporcionar diferentes diseños para navegadores de diferentes tamaños.

Answer 3

¿Existe alguna propiedad que pueda configurar en algún lugar que redimensione todo proporcionalmente?

No, deseo: P Tendrá que volver a hacer el diseño para que sea liquid o utilizar preguntas de los medios para hacerlo responsive a diferentes resoluciones. Me temo que ambas soluciones podrían ser bastante complejas.

Answer 4

lamentablemente no hay "magia" que escale las cosas arriba/abajo. puedo pensar en algunas directrices:

1. Use anchuras relativas de las cosas (porcentajes) en lugar de valor absoluto
2. no hay tamaños cableadas, mantenerlos en documentos CSS separadas
3. su forma de trabajo hasta: elegir un resolución mínima, trabaje hacia arriba desde ella. hace que dimensionar las cosas sea mucho más fácil.

Answer 5

La propiedad llamada Media Query usamos principalmente esta propiedad con Responsible Web Design. En el cual le decimos a los navegadores que cambien la propiedad específica css en ese particular screen size.

Comprobar este artículo para más http://css-tricks.com/6206-resolution-specific-stylesheets/

& para Responsible Web Design valor de uso mayoritariamente en Percentage en lugar de Pixels.

Consulte el sitio web THIS para obtener más información.

Answer 6

La pregunta era CAMBIAR DE TAMAÑO para NO REALIZAR.El uso de percentiles solo cambia DONDE aparecen los elementos HTML en la página. No cambiará su TAMAÑO.

Answer 7

puede usar con y la altura en porcentaje para configurar su pantalla para todas las recuperaciones ... Dar el ancho del 100% al cuerpo y el div que desea dar el 100% de ancho.