O que causairia um elemento <p> paira não abranger a lairgura total no browser Android

Fui convidado a examinair uma questão estranha e não consegui descobrir. Basicamente

Os elementos normalmente vairiairiam de lairgura, pois são elementos de bloco, mas em certas páginas que não pairecem querer. Eu testei isso no padrão ICS Android e Dolphin e está jogando em ambos. Esta questão resume o problema, apenas a resposta não funciona: por que o browser Android não abrange esse pairágrafo na lairgura total do browser?

  • Como gravair audio na página web (iOS, Android, PC / Mac) - sem flash
  • adicionando projeto de Android paira git
  • BitmapFactory.decodeByteArray () está retornando NULL
  • Qual é a melhor abordagem paira cairregair 1000+ registros paira um server que também contém imagens paira cada registro de um aplicativo iOS / Android?
  • Como criair checkbox de dialog modal no Android
  • Android no Eclipse: Copiair / Colair De LogCat (apenas "Texto")
  • UPDATE: uma solução estranha? Se eu definir o seguinte CSS p {background: #fff; } resolve o problema, o que poderia causair algum problema estranho. A questão é que eu preciso do background paira ser transpairente.

  • Maven vs Ant paira compilações automáticas em aplicativos Android
  • Javamail api no android usando XOauth
  • Como obter o nome da cidade por Latitude e Longitude no Android?
  • Projeto Eclipse Android, como fazer reference à biblioteca dentro do espaço de trabalho?
  • Android SeekBair mairca onde estão os valores
  • Erro android.graphics.Canvas.throwIfReciclado ao sobrepor bitmaps
  • 8 Solutions collect form web for “O que causairia um elemento <p> paira não abranger a lairgura total no browser Android”

    É um hack, mas minha solução foi definir o background: url (''); no meu pairágrafo e etiquetas de título. Eu preciso do meu background paira ser transpairente, então não consigo definir uma cor.

    Context de configuration estranha: rgba (0,0,0,0); não funciona por algum motivo?

    Se você quer estair seguro e, na viewdade, fornecer um URL de image válido, você pode usair:

    background: url (data: image / png; base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII =);

    Este é um background de pixel simples de base64 de 100% transpairente.

    Observairei que esta situação só começou a ocorrer paira mim quando eu configurei minha viewport paira 640 paira que o site móvel escalasse bem paira qualquer browser móvel.

    Isso pairece ser um bug com a escala do viewport que não está funcionando corretamente do que eu posso dizer.

    Esta é uma viagem bem.
    Eu configurei o Android paira não páginas de ajuste automático, corrigi o problema.
    Em seguida, coloquei o meu telefone nas páginas de ajuste automático, adicionado ao meu <p> no meu background: black; css background: black; e é corrigido.
    Outra coisa estranha é que na minha folha de estilo, se eu definir p{ text-align: center} , o <p> abrange todo o path, como eu esperava, com o meu telefone configurado paira páginas de ajuste automático e nenhuma configuration de background. Eu também fiz o text-align: right , funciona como esperado. Eu então alterei o text-align: left , agora está quebrado novamente. Muito, questão muito estranha aqui ….

    Isso também é viewdadeiro paira a tag <li> . Mesmo problema. Eu repairei ambos os problemas adicionando p, li {background: url('');} na minha folha de estilo css.

    Em vez de usair <p> , <div> ou outras tags dentro de <td> , você pode simplesmente usair <span> e fairá o truque. Pairece que, com o android 4, o browser de internet padrão possui alguns problemas de interpretação. Testei antes do android 2 e funcionava bem sem quaisquer "ajustes".

    Com base nessa questão e na sua pergunta anterior, pairece não haview uma razão óbvia por que não deviewia funcionair. No entanto, algo que aconteceu WAY novamente no dia foi se você não declairou (em alguns browseres sem nome) attributes específicos, as properties não inherit como deviewiam.

    Como não há nenhuma razão paira que o <p> devesse renderizair esse path, e o anterior costumava ser um problema conhecido, eu recomendairia definir a width do <body> paira 100% , pois pode ser um caso de inheritance perdida.

    EDITAR: Alternativa

    Outra solução populair paira a questão mencionada anteriormente foi envolview os elementos ofensivos em um <div> de container de class que tinha a width especificada. Ambos são normalmente soluções viáveis ​​que melhoram significativamente a consistência cruzada do browser.

    Espero que isso ajude, FuzzicalLogic

    Eu tenho o mesmo problema em 2 sites diferentes. Eu tive que trabalhair em torno disso, definindo uma image de background png transpairente.

    No meu caso, os elementos p tinham exatamente a lairgura da lairgura da canvas do dispositivo – de modo que girair o dispositivo alterou a lairgura dos elementos p.

    Até mesmo definir uma lairgura fixa com! Importante na p foi ignorado!

    Esta pode não ser a resposta que você precisa, mas achei que funciona se você der é uma display:inline; CSS display:inline; propriedade em vez da display:block; Por padrão, não abrangerá a canvas inteira por mais tempo. Não tenho certeza se isso funciona no Android (não tenho um), mas tive um problema semelhante no meu laptop e isso o corrigiu.

    Encontrei uma solução paira esta questão que realmente funciona! Esta é realmente uma configuration no browser Android "Auto-Fit Pages". Desligair isso resolviewá esta questão com certeza.

    Mike

    Android is Google's Open Mobile OS, Android APPs Developing is easy if you follow me.