Report

Доброго дня
Прошу всех специалистов верстающих под iPad, iPhone оценить вёрстку и сказать что не так.
Вводная - делал тестовое задание по вёрстке для одной компании.

Задание такое:
1) Необходимо сверстать страничку по предложенному  макету
2) Требования:  
- отображение  на  устройствах iPad, iPhone  от  4 до 6+
- Только HTML + CSS ( без Javascript)
- Как бонус — учёт  разрешения экрана  (2 файла для каждого  изображения - для ретины и без)

Результаты работы:
Исходники: https://github.com/alexey-pod/awem-layout
Макеты: https://github.com/alexey-pod/awem-layout/tree/master/mockups
Результат работы: http://awem-layout.likeuse.ru/
Для поддержки ретины использовал вот эту штуку: https://github.com/alexey-pod/awem-layout/blob/master/css/retina.less
Тестирование: iPad, iPhone устройств к сожалению нет -  поэтому тестировал вот здесь:
1) https://www.google.by/webmasters/tools/mobile-friendly/
2) http://quirktools.com/screenfly/
3) http://lab.maltewassermann.com/viewport-resizer/

Ответ от компании:
Некоторые мои соображения:
В папке с шаблонами намешано много макетов с разными названиями, которые имеют незначительные отличия.
В частности это панель с кнопками "News Support Letter".
Панель располагается:
Внизу
https://github.com/alexey-pod/awem-layout/blob/master/mockups/!Preview/Awem_More_Games_iPhone_Portrait.png
https://github.com/alexey-pod/awem-layout/blob/master/mockups/!Preview/Awem_More_Games_iPhone_Album%232.png
https://github.com/alexey-pod/awem-layout/blob/master/mockups/Awem_More_Games_iPhone_v04.psd
Вверху
https://github.com/alexey-pod/awem-layout/blob/master/mockups/!Preview/Awem_More_Games_Portrait.png
https://github.com/alexey-pod/awem-layout/blob/master/mockups/!Preview/Awem_More_Games_Album.png
https://github.com/alexey-pod/awem-layout/blob/master/mockups/Awem_More_Games_iPad_v01.psd
Есть вариант где нет панели вообще
https://github.com/alexey-pod/awem-layout/blob/master/mockups/!Preview/Awem_More_Games_iPhone_Portrait%231.png
https://github.com/alexey-pod/awem-layout/blob/master/mockups/!Preview/Awem_More_Games_iPhone_Album%231.png
Из-за того что я не понял как именно отличать ситуации в которых панель должна быть вверху, быть внизу, панели не должно быть - был выбран универсальный вариант панель вверху и он был свёрстан. Может быть именно в этом была моя ошибка.
Также хочу обратить внимание - компания ничего не сказала про ретину. И я не знаю правильно сделал "ретинизацию" или нет. Может кто-то протестит на реальном девайсе и кинет скрин - буде благодарен.
Заранее благодарен всем кто сможет подсказать мои косяки.

Если бы мы работали через стол то я мог бы задать эти вопросы своему руководителю и переделать задание столько - сколько потребуется. Сейчас же - я не имею такой возможности поэтому надеюсь на помощь сообщества.

Здравствуйте! Есть проблема адаптивной верстки сайта http://www.hypnoshop.com/test/! В обычном браузере (Firefox, Chrome, Safari) всё норм.. Виглядет вот так.. 
http://prntscr.com/4srtg9
А на оригинальном IPad так ..
https://s3.amazonaws.com/prod_object_assets/assets/17098870067074/ipad-screen2.png?AWSAccessKeyId=AKIAI7NUHQYARXR2GGCQ&Expires=1412414176&Signature=MgKuXc%2FinDf5SnIeFyOApOAdaJI%3D#_=_
 
Ipad игнорирует свойство overflow? подскажите что делать в текущей ситуации.. ? Спасибо.

Всем привет!
Помогите пожалуйста разобраться с проблемкой.
сайт sledd.ru
 
При отображении в браузерах (всех) на компьютерах всё отображается корректно, но при отображении сайта на ipad, слетает стиль для верхнего-правого блока в котором телефоны. Такое ощущение, что стиль действует только не первую цифру верхнего span и не даёт присвоить стиль для другого span.
 
Ссылка на изображение: https://yadi.sk/i/jS1x3DVcYUCrW

Всем привет!
Столкнулся с такой проблемой: На сайте у <fieldset> закруглены углы и изменен цвет рамки. Но на IPAD рамка вообще не отображается (Safari, Chrome).
 
Кто-нибудь сталкивался с подобной проблемой или знает что с эти можно сделать или как это отловить? (Может какие специализированные инструменты есть для подобных случаев).
 
Спасибо.

Наверняка история не нова и у кого-то есть решение...
подключен jQuery от гугла - https://ajax.googlea...2/jquery.min.js
простецкая функция


jQuery(document).ready(function(){
jQuery('#dreamod').on('click',function(){
jQuery('#menu').css('display', 'block');
});
});

На айпаде "тупит", срабатывает с задержкой в 2-3 секунды. В тоже время на старом убитом смарте (ведро 2.3) скрипт отрабатывается как на писишнике, т.е. мгновенно.
Как бороться?