Вопросы Теги

Почему браузер Android не охватывает этот абзац на всю ширину браузера?

Проблема:

enter image description here

Вопрос

Абзац заполнит всю ширину страницы в

  • Firefox
  • Firefox Mobile (проверено с 4.0.3 на SGS2)
  • Chrome
  • Chrome Mobile Beta (тестировалось с 4.0.3 на SGS2)
  • Internet Explorer
  • Internet Explorer Mobile (тестировалось с эмулятором Windows Phone)
  • Opera Mobile (тестировалось с 4.0.3 на SGS2)
  • Собственный браузер Android (протестирован с 4.0.3 на SGS2 и эмуляторе Android)

Что мне нужно сделать, чтобы он делал то же самое в браузере Android по умолчанию?

Я пробовал:

Обратите внимание, что это пример уменьшен, чтобы показать проблему, которая у меня есть, на гораздо большей странице. Поэтому я хотел бы, чтобы решение было как можно менее разрушительным. Например, установка плавающего режима всех абзацев на моем сайте кажется плохой идеей.

width

Увеличение значения свойства width в классе CSS p не имеет никакого эффекта.
Относительные значения: 100% и 1000% не действуют. Значения Абсолютные значения: 1000px не увеличивает ширину, низкие значения уменьшают ее.

float

При установке float: right; в абзаце он будет отображаться как нужно:
enter image description here

CSS Reset

Когда я вставляю эти CSS Reset стили , ширина абзаца не изменится.

положение

При установке положения на абсолютное в абзаце, оно будет отображаться по желанию. Но я не уверен, безопасно ли это вообще.

Источник: 



  
    Android Browser Issue
    
    
  
  
    
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Вы можете увидеть это здесь: http://jsfiddle.net/EYcWL/embedded/result/ или пройдите туда напрямую: enter image description here

29
задан Der Hochstapler 11 March 2012 в 23:12
поделиться