Беда с отображением на Android

[Melodyn]

Сегодня мне прислали скрин странички с Galaxy Tab или что-то такое на Android и... 

 

Так (это версия из фотошопа, но не суть) выглядит сайт на всех компьютерах с разным разрешением. Так же он выглядит на планшете под WinRT 8.1, так же он выглядит на моём нетбуке и на двух смартфонах на WinPhone 8:

 

 

А вот так он выглядит в стандартном и Chrome браузерах на планшете под Android 4...

 

Посмотреть можно здесь: http://melodyn.ru/sysauto/

[Veseloff]

Я вам больше скажу. Есть сжать окно обычного десктопного браузера, то будет то же самое.

[Melodyn]

Я вам больше скажу. Есть сжать окно обычного десктопного браузера, то будет то же самое.

 

Поменяются шрифты, продадут бэкграунды и разъедется одна кнопка? Интересная версия.

[Veseloff]

Ну вот как это выглядит у меня

Бэкграунд на месте, а вот со шрифтами беда, так и есть.

[Melodyn]

Интересная штука. В скринах, которые мне прислали, отображается шрифт декоративный, но не отображаются системные шрифты (Myriad Pro, Verdana, Geneva, sans-serif). У вас же не отображается только декоративный. 

 

Какие можно использовать фиксы? 

[Veseloff]

http://htmlbook.ru/css/font-face

[Melodyn]

Именно этот способ я использовал.

[Veseloff]

Да, я вижу. Но суть в том, что если не заливать на сервер файл со шрифтом, то ничего хорошего не получится.

[Melodyn]

Шрифт находится на сервере, только в другой папке.

[Veseloff]

Ну вот надо путь просто указать и всё. Вообще следите за отладчиком — он подскажет что не так.

[Melodyn]

Ну ладно, с декоративным шрифтом понятно.

 

А как быть с глюками на тех двух скринах? У них не декоративный шрифт заменяется на что-то, похожее на ComicSans, сайт в хроме обрезается (по краям это не масштабирование, а так отображается), два бэкграунда вообще исчезли (там именно бэкграунды, а не img)

 

Или это глюк персонально того устройства?

Edited June 24, 2014 by Melodyn

[Veseloff]

Обрезается и на десктопных браузерах — это косяу вёрстки, а не браузера. Я даже по этому поводу скрин сделал. Что касается шрифтов, то просто каких-то нет, вот и показывается что есть. Или наоборот — в андроиде есть то, чего у вас нет на компе. С фоном не знаю что к чему — попробую завтра у себя глянуть.

[Melodyn]

У меня ни один браузер не обрезает. Только дома я посмотрел на ноутбуке в двух браузерах, на нетбуке в старой опере, на компе в новой опере, в ИЕ на планшете и в ИЕ на двух смартах. 

 

Да и потом, там задан фиксированный ширины body, как они это могут неправильно понять и обрезать? 

[Sergik+]

Есть предположение что url для linux по другому указывается. Именно поэтому и шрифты и фон не прогружаются.

[Melodyn]

Отправил шрифт в эту же папку. Можно проверить, посмотреть. 

 

Потряс людей ещё раз. Этот скрин с телефона на Андроид, а не планшета, извините за путаницу. Дома выяснились, что картинки не грузятся банально из-за размера. Сожму картинки, будет работать норм. 

 

UC Browser не обрезает сайт, отображает декоративный шрифт, но не имеет встроенного Calibri, Myriad Pro, Verdana, Geneva. Подключать их через стили тогда?

 

 

 

Остаётся открытый вопрос с обрезанным сайтом на планшете. 

 

Утром отправил на сервер шрифт Verdana, прикрученный через font-face. На сколько я могу судить через свой мобильник на WP - отображается.

Edited June 25, 2014 by Melodyn

[Melodyn]

Добрался до другого устройства на Андрюшке, и, о чудо, никаких пятен, всё отображается!

 

 

Очевидно, все глюки связаны персонально с ТАБом. Спасибо за помощь!