2013-05-29 5 views
4

Я всегда прихожу к stackoverflow для проверки ответов; однако по текущему вопросу я пока не нашел никакой соответствующей информации.Удельная высота для div в Mobile Windows 6.1

У меня есть мобильный Windows 6.1 PDA, и я хочу создать для него простую HTML-страницу. Я хочу, чтобы определенные divs страницы имели определенную высоту, основываясь на тексте, который находится внутри этих div.

  • Максимум я хочу 2 строки текста.
  • Текст может содержать HTML-код. Я хочу отрезать текст, но не повредит HTML-код.

Прежде чем вы подумаете: «для этого есть 100 различных решений с CSS или Javascript». Я хотел бы упомянуть, что 6.1 использует смесь IE4 с некоторыми функциями IE5. Браузер поддерживает только CCS1 (поэтому max-height, no overflow: hidden, no position: absolute, no top, bottom и т. Д.).

Также браузер поддерживает очень ограниченный набор функций Javascript. Я решил проанализировать DOM Javascript и постоянно проверять, больше ли текст внутри div больше 28pt (это две строки) и разрезать его. Однако большинство функций DOM не работают. createElement() не работает, appendChild. Работает только getElementById и innerHTML.

Я нашел это решение https://code.google.com/p/cut-html-string/ для Javascript, который отлично работает с современными браузерами, поскольку он содержит такие функции, как createElement(), appendChild(), cloneNode() и т. Д. Он не работает с IE4. Обход для createElement() - это innerHTMl, который отлично работает, но затем браузер сообщает об ошибках для функций DOM, которые использует код.

P.S: Пожалуйста, не отвечайте «сменить КПК и т. Д.». Я знаю, что ОС очень старая, но я должен ее использовать.

+0

+1. Я не знаю, есть ли ответ, но я видел, как многие из этих старых устройств используют поддержку того, что кажется каким-то браузером. Может быть версия Opera, работающая на WM, но я не знаю, где вам сказать, что вам нужно. – jp2code

+0

вы ищете обходной путь для отсутствия функциональности. Это может быть решение, но лучше остаться с ограничениями и не пытаться почти невозможно. Похоже, вы отвлекаете решение от ограниченного количества устройств в доступе. Таким образом, вы можете пойти с альтернативным браузером, например браузером HTML5 zetaKey. – josef

+0

Спасибо за ваши комментарии! Как вы упомянули, я ищу обходной путь для недостающей функциональности. Я думал, что кто-то узнает что-то об этой проблемной ситуации. В прошлые дни я много искал, и я не мог найти никакого решения ... К сожалению, возможности IE и CSS для Javascript чрезвычайно низки! @josef: Спасибо за ваш ответ. Изменение браузера не является вариантом ... –

ответ

0

Хорошо, если вы имеете дело только с 1 стилем устройства, вы можете использовать флеш-порт javascript, возможно, и использовать внутренние настройки html, чтобы приспособиться к новой таблице стилей, чтобы вы могли работать с этим устройством, если у вас есть для программирования нескольких устройств вы можете создавать несколько таблиц стилей. Я бы посоветовал в тестовых целях узнать, есть ли у кого-либо Android-устройство или устройство с аналогичными размерами экрана, чтобы вы могли использовать что-то вроде проверки края из облака adobe creative, которое вы можете настроить и увидеть изменения. У кого-то есть вещь на видовом экране. Здесь можно найти Find the exact height and width of the viewport in a cross-browser way (no Prototype/jQuery) , который может быть полезен. Поскольку вы работаете с базовым javascript, вы должны просто изменить адрес ссылки css, и это может быть решение. Однако, если я принял какую-либо функциональность устройства, я сожалею, но прошло какое-то время, так как у меня был мобильный телефон Windows Mobile 6.x.