Webkit (внутри титанового рабочего стола) уменьшенные шрифты

Question

Эта проблема появляется в каждом бите текста, независимо от того, является ли он таблицей, div или чем-то еще

Как видно на каждой правой стороне текстовых элементов, 1-2 пикселя не хватает. Добавление отступов никогда не помогает

Есть предложения, пожалуйста?

Answer 1

Я пытался решить эту проблему в течение месяца.Вот что я попробовал и узнал.Но я не смог получить реальное решение;

Я следил за этой веткой, к сожалению, ничего не получалось.

Пробовал несколько простых HTML-документов с большинством возможных типов документов, css, font-size, font-stylesсброс .. и т. д. не работает.

Я обнаружил;при использовании с удаленным URL, кажется, работает нормально, рендеринг в порядке.При использовании встроенных HTML-страниц, вызывающих проблему.

В списке выпусков Titanium;Я обнаружил, что они представлены как ошибка Webkit.https://jira.appcelerator.org/browse/TIDESK-136

Возможно, решение заключается в обновлении версии webkit, но Titanium имеет множество функций по сравнению с webkit.Поэтому обновление будет нелегкой задачей.

Answer 2

Мое решение этой проблемы в TideSDK в Windows было сделать следующее на шрифте:

font-weight: 600;

Возможно, это не лучшее решение для вашего приложения (может быть, вы не хотите добавлять пространство или вес к шрифту, поскольку кажется, что у вас может быть гораздо большая таблица данных для отображения), но приемлемо для моего клиента.

Answer 3

попробуйте установить display: inline-block и отрицательные text-indent в <span> элементы (встроенные в медиа-запрос только для webkit)

Answer 4

Это происходит, вероятно, из-за

1. Унаследованное свойство CSS

2. Если CSS, кажется, не исправил это, отметьте htmlдоктайп .Некоторые теги, хотя и в редких случаях, не работают с определенными типами документов.

3. используйте! Важный атрибут в CSS для обеспечения применения определенного правила, которое отбрасывает все остальные.

Answer 5

Вы можете попробовать использовать -webkit-font-size-Adjust.

Для получения дополнительной информации смотрите здесь:

http://webdesignernotebook.com/css/the-little-known-font-size-adjust-css3-property/

Answer 6

Вы установили метатег viewport, чтобы указать его ширину и масштаб? Может быть, это поможет? Это задокументировано в Apple Dev Docs

Answer 7

Вы можете попробовать следующее исправление для браузеров webkit.Замените диапазон кнопок на ваш текстовый класс ..

@ media screen и (-webkit-min-device-pixel-ratio: 0) {/ * Только Safari и Google Chrome - исправьте поля * / ваше имя класса {margin-top: –1px;}}