Preguntas etiquetadas con aspect-ratio

Quiero crear un divque pueda cambiar su ancho / alto a medida que cambia el ancho de la ventana. ¿Hay alguna regla CSS3 que permita que la altura cambie de acuerdo con el ancho, manteniendo su relación de aspecto ? Sé que puedo hacer esto a través de JavaScript, pero …

1059 html  css  responsive-design  aspect-ratio 

Estoy trabajando con imágenes y me encontré con un problema con las relaciones de aspecto. <img src="big_image.jpg" width="900" height="600" alt="" /> Como puede ver, heighty widthya están especificados. Agregué la regla CSS para las imágenes: img { max-width:500px; } Pero para big_image.jpg, recibo width=500y height=600. Cómo puedo configurar las imágenes …

577 css  image  aspect-ratio 

На этот вопрос есть ответы en Stack Overflow на русском : Сетка из адаптивных (receptivo) квадратов Me pregunto cómo haría para crear un diseño con cuadrados receptivos . Cada cuadrado tendría contenido alineado vertical y horizontalmente . El ejemplo específico se muestra a continuación ...

170 html  css  responsive-design  grid-layout  aspect-ratio 

He estado trabajando para hacer mi actividad de cámara personalizada en Android, pero al girar la cámara, la relación de aspecto de la vista de la superficie se confunde. En mi creación de la actividad, configuré el framelayout que contiene la vista de superficie que muestra los parámetros de la …

136 android  android-camera  surfaceview  preview  aspect-ratio 

Vi en muchas publicaciones para cambiar el tamaño de la imagen manteniendo la relación de aspecto. Estas funciones utilizan los puntos fijos (Ancho y Altura) para RECT mientras cambia el tamaño. Pero en mi proyecto, necesito cambiar el tamaño de la vista basándome solo en el Ancho, la Altura debe …

136 iphone  objective-c  ios  aspect-ratio  fixed-width 

Tengo un sitio para armar que tiene una relación de aspecto fija de aproximadamente 16:9paisaje, como un video. Quiero centrarlo y expandirlo para llenar el ancho disponible y la altura disponible, pero nunca crecer más en ninguno de los lados. Por ejemplo: Una página alta y delgada haría que el …

122 html  css  responsive-design  aspect-ratio 

Cerrado. Esta pregunta no cumple con las pautas de Stack Overflow . Actualmente no acepta respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que esté relacionada con el tema de Stack Overflow. Cerrado hace 2 años . Mejora esta pregunta Si no es así, ¿hay una lista de resoluciones …

97 android  screen-resolution  aspect-ratio 

Parece que debería ser fácil, pero no obtengo nada. Quiero crear una página HTML que contenga una sola imagen SVG que se escale automáticamente para adaptarse a la ventana del navegador, sin desplazarse y conservando su relación de aspecto. Por ejemplo, en este momento tengo una imagen SVG de 1024x768; …

94 layout  xhtml  svg  scaling  aspect-ratio 

He implementado algunas pantallas usando libGDX que obviamente usarían la Screenclase proporcionada por el marco libGDX. Sin embargo, la implementación de estas pantallas solo funciona con tamaños de pantalla predefinidos. Por ejemplo, si el sprite estaba destinado a una pantalla de tamaño 640 x 480 (relación de aspecto 4: 3), …

81 android  opengl-es  libgdx  aspect-ratio 

En el siguiente ejemplo, el círculo se adapta al ancho de la cuadrícula y mantiene su relación de aspecto. A medida que el ancho del contenedor se reduce, los círculos se reducen con él ... Sin embargo, cuando la altura es menor que el ancho (segundo recuadro), el círculo no …

8 html  css  svg  css-grid  aspect-ratio