1
resposta

Duvida de Usar @media print para impressão de Imagem

Caros boa noite, Estou com duvida de usar o @media print para impressão de imagem . Na tela aparece certo mais quando eu vou para imprimir o relatório, as duas primeiras folhas ok e o restante aparece errado . *( Estica a Imagem , quebra do lugar errado) * ! ![Imagem do Relatorio (https://cdn1.gnarususercontent.com.br/1/1116200/018033c2-68c7-4166-b37b-1040af37ffda.png) .

Será que no git tem exemplo de imprimir 6 imagem em cada folha, sendo 3 imagem em cada linha ?? Utilizei o seguinte css e tambem o Flex no BootStrap

@media print { .pagebreak {

   clear: both;
    page-break-after: always;

}

} Desde ja agradeço

1 resposta

Olá Alexandro, tudo bem?

É importante lembrar que a impressão de imagens pode ser um pouco mais complicada do que a impressão de textos, pois as imagens possuem tamanhos e proporções diferentes.

Uma solução para o seu problema pode ser utilizar o CSS para definir o tamanho e a posição das imagens na página de impressão. Você pode tentar definir o tamanho das imagens utilizando a propriedade "width" e "height" e a posição utilizando a propriedade "position" e "top" e "left".

Quanto à sua dúvida sobre exemplos no Git, sugiro que você faça uma pesquisa no GitHub utilizando palavras-chave relacionadas ao seu problema. Certamente você encontrará exemplos de como imprimir imagens utilizando o @media print.

Um abraço e bons estudos.