Как сделать рабочим сайт на iPhone 4,5,6?

Question

[MakarkinPRO]

Прощу у кого есть iPhone просмотреть сайт mechta24.com (в стандартном браузере), вертикальная и горизонтальная верстка. И по возможности написать модель телефона, и прикрепить сюда скрины.

ps: а то беда какая-то, говорят на каком-то iPhone (в вертикальном формате белый скрол справа видно, а в горизонтальном виде вообще половина куска белого торчит)

Answer 1

[Pavel K]

Скачайте сафари, сузьте окно, да посмотрите.

Comments

[MakarkinPRO]

поставил Safari на Windows тут все ок... Поэтому и просьба проверить на самих устройствах ( желательно с послденим обновлением)

[Pavel K]

О_о у меня обычно помогало. Буду знать, спасибо.

Answer 2

[ozzzi]

Chrome -> F12 -> Ctr+Shift+M

Answer 3

[Алексей]

iPhone 5, вертикально, справа белый скролл.

Comments

[MakarkinPRO]

а горизонтально? можете на всех страницах посмотреть mechta24.com, mechta24.com/plat.html , mechta24.com/suppliers.html , mechta24.com/rent.html

[Алексей]

Горизонтально скролла не было, скрин прикрепил. Сейчас посмотрю страницы.

[MakarkinPRO]

Алексей: и буду благодарен если скрины хотябы горизонтально этих 4х страниц

[Алексей]

plat, suppliers - аналогично главной, такое чувство что сначала все грузится нормально, потом уменьшается и справа появляется белый скпролл. В горизонтальном вариенте сайт по всей ширине, скролл "ездит" поверх сайта. С rent все странно, сейчас скрин дам.

[Алексей]

rent - joxi.ru/LmG3NzbHRjLWVm.png
iOS 7.1.2, сорри что не самая свежая версия.

[MakarkinPRO]

Алексей: эх хорошо щас буду думать что его так колбасит...

[Алексей]

Скрины - rusfolder.com/45021058 - пароль toster
Есть проблема с третьей ссылкой в горизонтальном виде и четвертой в обоих видах.
Отпишитесь когда скачаете, удалю файл.

[MakarkinPRO]

Алексей: хорошо пробую скачать файл, как с качаю отпишу

[MakarkinPRO]

Алексей: скачал вижу, спасибо... Буду что-то пробовать делать

[MakarkinPRO]

Алексей: вот на такое замнил, скажите можете Вертиальный проверить исзчез белый скрол?

[Алексей]

Скролл исчез, но все стало выглядеть иначе - joxi.ru/8An0ywQfqEGyvm.png

[MakarkinPRO]

mechta24.com/suppliers.html - вот тут должна съехать картинка сверху, mechta24.com/rent.html - а вот тут меню (части) должно быть НЕ видно

......... и горизонтальная полоска .... справа... также осталась на обоих экранах (ПО ВСЕЙ высоте сайта)?

[Алексей]

joxi.ru/eAO4jKbh4ejlWr.png

[MakarkinPRO]

Алексей: Спасибо, вроде сейчас пофиксил Горизонтальный вид для всех iPhone. Там проблема была в no-repeat для img. Убрал их сейчас вроде ок, и на iPad тоже смотриться..... вот думую как оставить горизонтальную, вроде и "десктопный вариант" что скажете?

[Алексей]

На мой взгляд все хорошо, есть только маленький глючок - joxi.ru/LmG3NzbHRj90Bm.png

[MakarkinPRO]

Алексей: хм и после обновления не грузит? страницы

[Алексей]

Там все загружено, просто одна иконка съехала ниже, как мне показалось. Обновлял.

[Алексей]

То есть их как и надо - шесть штук, просто одна вниз соскочила.

[MakarkinPRO]

может из-за версии iPhone. Ну хорошо , на 5-ом вообще читаемо ( десктоп- версия?

[Алексей]

Вы имеете в виду вертикальную и горизонтальную ориентации?
И та и другая читаема, но уже на грани - то есть чуть мельче и уже нечитаемо.
Тексты вроде одного размера что так что эдак, кроме "Шаг 1 ... Шаг 10" - они в горизонтальном виде крупнее чем в вертикальном (что неожиданно).

[MakarkinPRO]

пока не могу разобраться как показывать также мобильную версию... при таком "meta name="viewport" content="width=450, maximum-scale=1.0, user-scalable=no"" была она Мобильная и центровалась, НО не работало все остальное. Сейчас поменял на "meta name="viewport" content="width=640px, initial-scale=.5, maximum-scale=.5" /" все ок, но десктопная показывается (в горизонтали)

Answer 4

[Александр]

хром и сафари не всегда покажут правду.
Только XCode и симулятор.
iphone 4s - все ок, кроме того что ширина страницы чуть больше. ( есть гор. скролл)

Comments

[MakarkinPRO]

а можете скрин прикрепить пожалуйста

[Александр]

все также как и на 5-м. Причина вероятно в том, что у вас много где фиксированной ширины - это не лучший путь для адаптива

[MakarkinPRO]

есть какая-то рекомендаци пофиксить, а то брасилиь несколько программистов... в итоге сам сижу разбираюсь

[Александр]

дивы boxCheck bsc и boxSet смотрите, если их скрыть - все ок

[MakarkinPRO]

вроде поправил можете посмотреть Вертикально все страницы mechta24.com/index.html , mechta24.com/plat.html , mechta24.com/suppliers.html, mechta24.com/rent.html .... а горизонтально "десктопная" версия на iPhone 4 не помещается верно?

[Александр]

на 5-м все ок, на 4-м еще есть справа белое

[Александр]

а нет, все ОК, кэш

[MakarkinPRO]

ок, такого нет ? dl1.joxi.net/drive/2016/05/19/0003/3259/253115/15/...

[Александр]

такое есть )

[Александр]

на 4

[Александр]

но это вообще плохой вариант для 4-го. Все будет слишком мелко.

[MakarkinPRO]

пока не могу разобраться как показывать также мобильную версию... при таком была она Мобильная и центровалась, НО не работало все остальное. Сейчас поменял на все ок, но десктопная показывается (в горизонтали)

[MakarkinPRO]

так было "meta name="viewport" content="width=450, maximum-scale=1.0, user-scalable=no"" так стало "meta name="viewport" content="width=640px, initial-scale=.5, maximum-scale=.5" /"

[Александр]

эксперементируйте)