многоточие переполнения текста нарушает ширину устройства в Android (веб-сайт не приложение) - PullRequest
2 голосов
/ 07 февраля 2012

Это сводит меня с ума (фрагмент кода лучше, чем 1000 слов):

<html>
<head>
  <meta name="viewport" content="width=device-width;" >

  <style>
    html, body {
      width:100%;
    }
    p {
      width:100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  </style>

</head>
<body>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</body>
</html>

Вы можете увидеть его здесь онлайн (полезно, если вы хотите проверить его на своем телефоне):
http://enriquepiatti.com/tests/test_ellipsis.html

Android не учитывает ширину устройства в мета области просмотра !!
почему ????
он поддерживает многоточие и Nowrap, потому что если мы добавим "пользователь масштабируемым = нет;»в мета области просмотра, тогда все работает хорошо, проверьте сами здесь:
http://enriquepiatti.com/tests/test_ellipsis_noscale.html

Я не понимаю, почему это ошибка?
Я не хочуограничить пользователю возможности масштабирования.
Прямо сейчас это мое исправление: добавить минимальный масштаб = 1,0;в окно просмотра

Это достаточно хорошо для меня, но я не знаю, является ли это ошибкой Android (2.1), или я делаю что-то не так, или это происходит на другом мобильном телефонеустройства (и минимальное масштабирование там не работает и т. д.).

Знаете ли вы лучший и безопасный способ решения этой проблемы?

...