Detalhes da questão

Endereço do fórum: https://rpgplayers.forumeiros.com/
Versão do fórum: Versão móvel (moderna)

Descrição

Boa noite.
Eu peguei a variável da assinatura da versão PC e coloquei ela no viewtopic_body da versão mobile.
Criei uma div .class específica para ela, chamada ".post-signature-mobile"

Eu queria limitar o tamanho dela agora, pois nos celulares pode ficar muito exagerado.

Teria como limitar para exibir apenas um elemento na assinatura? Creio que o mais certo seria poder limitar apenas para aparecer a primeira linha, sem afetar o height e width.
Usuários podem adicionar várias imagens com BB-code, e então o CSS limitaria para mostrar apenas um elemento.
Eu só sei limitar com base do max-height e do line-height, mas isso diz respeito a apenas as dimensões, e não o número de elementos.

Código:


.post-signature-mobile {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  word-wrap: break-word;
  max-height: 7.3em;
  line-height: 1.6em;
}


PC:



Mobile com meu código acima:



PS: entendo muito pouco de CSS/HTML.

Caro @Daniel Z,

Penso que usando algo que o deixe responsive resulte, tente isso e veja se fica do seu agrado:

Adicione no seu CSS:

Código:

width: 70%;
height: auto;

Pode utilizar ao seu gosto e definir o tamanho da mesma, use a width, com um valor de 0 a 100% de sua escolha.

Resultado:
Mobile: https://i.imgur.com/4Uvp7uE.png
Computador: https://i.imgur.com/n1rmDtG.png

Coordealmente,
Sleep.

Muito obrigado.