Это сводит меня с ума (кусок кода лучше, чем 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, потому что если мы добавим «user-scalable=no;» к мете окна просмотра, тогда все работает нормально, проверьте сами здесь:
http://enriquepiatti.com/tests/test_ellipsis_noscale.html
Я не понимаю почему, это ошибка?
Я не хочу ограничивать возможности масштабирования для пользователя.
Прямо сейчас это мое исправление: add minimum-scale=1.0; в область просмотра
Этого достаточно для меня, но я не знаю, является ли это ошибкой Android (2.1), или я делаю что-то не так, или это происходит и на других мобильных устройствах (и исправление минимального масштаба не работает). работать там и др.).
Знаете ли вы лучший и безопасный способ решить эту проблему?
