modificando a altura da imagem em pseudo-elementos CSS: é possível? Por padrão, o redimensionamento da imagem não é suportado diretamente com o CSS.
para alcançar a escala desejada, considere as seguintes abordagens:
1. Ajuste o background-size:
para: After pseudo-elementos, ajuste a propriedade de tamanho de fundo. No entanto, verifique se você especifica a largura e a altura do elemento de bloco que contém a imagem usando as propriedades de largura e altura.
. Pdflink: após { Imagem de fundo: url ('/imagens/pdf.png'); Antecedentes-tamanho: 10px 20px; Exibição: bloco embutido; Largura: 10px; Altura: 20px; contente:""; }
.pdflink:after { background-image: url('/images/pdf.png'); background-size: 10px 20px; display: inline-block; width: 10px; height: 20px; content:""; }
esteja atento à compatibilidade do navegador ao usar esse método. Consulte a tabela de compatibilidade abrangente no MDN para obter mais informações. Imagem de origem de redimensionamento:
alternativamente, considere redimensionar a imagem original para o tamanho do tamanho apropriado antes de usá-la no CSS. Isso garante que a imagem seja exibida nas dimensões desejadas sem depender do escalonamento do navegador. Tag IMG inline:
Para uma abordagem mais direta, incorpore uma tag embutida
Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.
Copyright© 2022 湘ICP备2022001581号-3