aspect-ratio

Mantener la relación de aspecto de un div con CSS

Quiero crear un div que pueda cambiar su ancho/alto a medida que cambia el ancho de la ventana. ¿Hay alguna regla CSS3 que ... ancho, manteniendo su relación de aspecto? Sé que puedo hacer esto a través de JavaScript, pero preferiría usar solo CSS.

CSS fuerza el cambio de tamaño de la imagen y mantener la relación de aspecto

Estoy trabajando con imágenes, y me encontré con un problema con las relaciones de aspecto. <img src="big_image.jpg" widt ... mage.jpg, recibo width=500 y height=600. Cómo puedo ajustar el tamaño de las imágenes, manteniendo sus relaciones de aspecto.

Mantener la relación de aspecto de div pero llenar el ancho y alto de la pantalla en CSS?

Tengo un sitio para armar que tiene una relación de aspecto fija de aproximadamente 16:9 paisaje, como un video. Quiero ten ... cales. Lo sé usted podría hacer esto con JS con bastante facilidad, pero me gustaría una solución CSS pura. ¿Alguna idea?

Cambiar el tamaño de UIImage manteniendo la relación de aspecto y el ancho

He visto en muchos posts para cambiar el tamaño de la imagen manteniendo la relación de aspecto. Estas funciones utilizan los ... ción del ancho, la altura debe tomarse automáticamente en función de la relación de aspecto. que alguien me ayude a lograrlo.

¿Cómo lidiar con diferentes relaciones de aspecto en libGDX?

He implementado algunas pantallas usando libGDX que obviamente usarían la clase Screen proporcionada por el framework libGDX. ... te fea si el área negra es sustancialmente grande. ¿Puede algún miembro de la comunidad ayudarme a resolver este problema?

Relleno-parte inferior / superior en el diseño flexbox

Tengo un diseño flexbox que contiene dos elementos. Uno de ellos usa padding-bottom : #flexBox { border: 1px solid ... a, ni siquiera estoy seguro de si Firefox o Chrome está haciendo lo correcto! ¿Puede ayudar algún experto en Firefox flexbox?

Cómo escalar la imagen SVG para llenar la ventana del navegador?

Esto parece que debería ser fácil, pero simplemente no estoy recibiendo algo. Quiero hacer una página HTML que contenga una ... para una ventana ancha pero corta) y produciendo desplazamiento vertical, que no es lo que quiero. ¿Qué me estoy perdiendo?

Estrategias para Manejar Múltiples Resoluciones de Pantalla y Relaciones de Aspecto en el Desarrollo Web

En su día, 800 x 600 era la resolución de pantalla para diseñar, y tal vez 640 x 480. Luego vinieron 1024 x 768, etc, etc, et ... do en el hardware portátil / de escritorio, pero por supuesto hay teléfonos inteligentes y tabletas para considerar también.)

DIV cuadrado donde la altura es igual a viewport

Necesito crear un DIV donde width=height, y height=100% del viewport (que, obviamente, es variable). En otras palabras, un ... e que esto debería ser fácil de hacer en CSS , pero me he quedado atascado con él! Cualquier sugerencia sería muy apreciada.

Cómo definir la relación de aspecto fija para el gráfico de dispersión

Estoy trazando coeficientes de correlación (valores = 0.0:1.0) para dos isótopos medidos en cada individuo de dos poblaciones ... 3), col = c("black", "antiquewhite4"), pt.bg = c("black", "antiquewhite4"), horiz=TRUE, bty = "n") par(opar)

Cómo mantener la relación de aspecto de widgets en Qt?

¿Cómo es posible mantener la relación de aspecto de los widgets en Qt y qué hay de centrar el widget?

Hacer que las celdas de la tabla sean cuadradas

¿Cómo garantizar que cada celda de la tabla se convierta en cuadrada sin usar tamaños fijos? Y ser sensible cuando cambian ... <tr> <td>7</td> <td>8</td> <td>9</td> </tr> <table>

Objetivo C: Cómo arreglar la relación de aspecto de la imagen (y no cambiar para ajustar el marco imageview)

Estoy usando el controlador UIImagePickerController para seleccionar imágenes para mi aplicación. Sin embargo, estoy enfrenta ... os modos para mitigar este problema, ya que todavía tendré que mostrar la imagen 'comprimida' en otro lugar de la aplicación.