Perguntas com a marcação «aspect-ratio»

Quero criar um divque possa alterar sua largura / altura conforme a largura da janela for alterada. Existem regras CSS3 que permitam alterar a altura de acordo com a largura, mantendo a proporção ? Eu sei que posso fazer isso via JavaScript, mas eu preferiria usar apenas CSS.

1058 html  css  responsive-design  aspect-ratio 

Estou trabalhando com imagens e me deparei com um problema com proporções. <img src="big_image.jpg" width="900" height="600" alt="" /> Como você pode ver, heighte widthjá está especificado. Adicionei regra CSS para imagens: img { max-width:500px; } Mas para big_image.jpg, eu recebo width=500e height=600. Como posso definir as imagens para serem redimensionadas, …

577 css  image  aspect-ratio 

Saiba mais sobre o uso de Stack Overflow no código : Сетка из адаптивных (responsivo) Estou pensando em como criar um layout com quadrados responsivos . Cada quadrado teria conteúdo alinhado vertical e horizontalmente . O exemplo específico é exibido abaixo ...

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

Eu tenho trabalhado na criação da minha atividade de câmera personalizada no Android, mas ao girar a câmera, a proporção da visualização da superfície fica confusa. No meu trabalho para a atividade, defino o layout da moldura que mantém a visualização da superfície que exibe os parâmetros da câmera. //FrameLayout …

136 android  android-camera  surfaceview  preview  aspect-ratio 

Eu vi em muitos posts para redimensionar a imagem mantendo a proporção. Essas funções usam os pontos fixos (Largura e Altura) para RECT durante o redimensionamento. Mas, no meu projeto, preciso redimensionar a exibição com base apenas na largura. A altura deve ser obtida automaticamente com base na proporção. alguém …

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

Eu tenho um site para montar que tem uma proporção fixa de aproximadamente 16:9paisagem, como um vídeo. Quero centralizá-lo e expandi-lo para preencher a largura e a altura disponíveis, mas nunca aumentar em ambos os lados. Por exemplo: Uma página alta e fina teria o conteúdo esticando toda a largura, …

122 html  css  responsive-design  aspect-ratio 

Fechadas. Esta pergunta não atende às diretrizes do Stack Overflow . Atualmente não está aceitando respostas. Quer melhorar esta questão? Atualize a pergunta para que esteja no tópico do Stack Overflow. Fechado há 2 anos . Melhore esta questão Caso contrário, há uma lista de resoluções de tela para os …

97 android  screen-resolution  aspect-ratio 

Parece que deve ser fácil, mas não estou conseguindo nada. Quero fazer uma página HTML contendo uma única imagem SVG que é dimensionada automaticamente para caber na janela do navegador, sem qualquer rolagem e preservando sua proporção. Por exemplo, no momento tenho uma imagem SVG de 1024x768; se a janela …

94 layout  xhtml  svg  scaling  aspect-ratio 

Pretendo usá-lo com JavaScript para cortar uma imagem para caber na janela inteira. Editar : estarei usando um componente de terceiros que aceita apenas a proporção no formato: 4:3, 16:9.

87 javascript  algorithm  crop  aspect-ratio 

Quando eu configuro a proporção de aspecto igual para o gráfico 3D, o eixo z não muda para 'igual'. Então, é isso: fig = pylab.figure() mesFig = fig.gca(projection='3d', adjustable='box') mesFig.axis('equal') mesFig.plot(xC, yC, zC, 'r.') mesFig.plot(xO, yO, zO, 'b.') pyplot.show() me dá o seguinte: onde obviamente o comprimento da unidade do …

87 python  matplotlib  aspect-ratio 

No exemplo a seguir, o círculo se adapta à largura da grade e mantém sua proporção. À medida que a largura do recipiente diminui, os círculos diminuem com ele ... Porém, quando a altura é menor que a largura (segunda caixa), o círculo não diminui as sobreposições fora da grade. …

8 html  css  svg  css-grid  aspect-ratio