Jump to content
  • Sign Up

Search the Community

Showing results for tags 'iPhone'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • HTML и CSS
    • Проблемы верстки
    • Препроцессоры, постпроцессоры и шаблонизаторы
    • Методологии
    • Фреймворки и библиотеки
  • JavaScript
    • Для начинающих
    • Фреймворки и библиотеки
    • Скрипты и плагины
  • Разработка сайтов
    • Для начинающих
    • Инструменты разработки, сборки и автоматизации
    • Аудит и анализ кода
    • Программное обеспечение разработчика
    • Веб-дизайн
    • Мобильные платформы
    • Open Source
  • Серверное программирование
    • Для начинающих
    • PHP
    • Платформы и языки программирования
    • Базы данных
    • Скрипты, готовые движки, CMS, конструкторы
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Сервер
    • Техническая поддержка
    • Веб-сервер
    • Базы данных
    • Хостинг
    • Домены
  • Интернет-маркетинг, SEO
  • Коммерческие услуги
  • Давайте поговорим о ...
  • Наш форум

    Calendars

    • События форума
    • События партнёров
    • Все события

      Blogs

      There are no results to display.

      There are no results to display.

      Marker Groups

      • Members
      • Front-end
      • Back-end
      • Education
      • Looking for job
      • Offering job

      Find results in...

      Find results that contain...


      Date Created

      • Start

        End


      Last Updated

      • Start

        End


      Filter by number of...

      Joined

      • Start

        End


      Group


      Web site


      ICQ


      Jabber


      Skype


      From


      Interests

      Found 11 results

      1. Доброго дня Прошу всех специалистов верстающих под 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 Из-за того что я не понял как именно отличать ситуации в которых панель должна быть вверху, быть внизу, панели не должно быть - был выбран универсальный вариант панель вверху и он был свёрстан. Может быть именно в этом была моя ошибка. Также хочу обратить внимание - компания ничего не сказала про ретину. И я не знаю правильно сделал "ретинизацию" или нет. Может кто-то протестит на реальном девайсе и кинет скрин - буде благодарен. Заранее благодарен всем кто сможет подсказать мои косяки. Если бы мы работали через стол то я мог бы задать эти вопросы своему руководителю и переделать задание столько - сколько потребуется. Сейчас же - я не имею такой возможности поэтому надеюсь на помощь сообщества.
      2. Добрый день. Столкнулся с неожиданной проблемой. На айфонах блоки сайта наезжают друг на друга, на винде и андроиде всё работает нормально. Вьевпорт указан. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> На айфонах сайт выглядит так: Должен выглядеть вот так: Задачу осложняет то что у меня нет iOS устройств чтобы можно было протестить, а все эмуляторы, какие пробовал, выдают что всё верно. Кто-нибудь сталкивался с подобным? В чем может быть проблема?
      3. Когда открываешь сайт на iphone, размер окошко инстаграм отображается с ошибкой, окошко больше экрана, появляется прокрутка вправо, на остальных устройствах все хорошо, помогите плиз
      4. Добрый день. Написал сайт и встречается такая проблема на устройствах от apple (конкретно Iphone 5). В форму заявки в поля input не вводятся никакие символы. Посоветуйте пожалуйста. Спасибо.
      5. Всем привет! Есть вопрос. Как убрать нижнее меню в safari на iphone, которое появляется при загрузке страницы и при прокрутке вверх? На сколько мне известно это можно сделать средствами css/js. Важно, чтобы это сработало на iphone 6, 6s (если не ошибаюсь в разных версиях iOS убирается по-разному). Нужно, чтобы было как здесь: http://fornacestudio.com/. На фото панель, которую нужно убрать.
      6. Мобильная версия сайта скроллится идеально на андроиде http://imgur.com/XeFTTES Но на айфоне скролл ломается и он нереально быстрый http://imgur.com/5UruYUI Заметил, что при открытии сайта на айфоне в код добавляется новый <div> и правка в <body>, хотя в index.html их нет <body class="scroll_wrapper" style="top: -184.702px; left: 0px;"><noindex></noindex><div id="webit_scroll_provider_wrapper" class="html" style="padding-top: 0px; padding-bottom: 0px; width: 100%; min-width: 480px;">Так же в CSS нашел это: .scroll_wrapper{ position: absolute; overflow: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px;}Но никак не пойму в чем проблема. Помогите, пожалуйста. Как исправить?
      7. Здравствуйте! Возникает проблема с вёрсткой на сайте на "просмотрщиках веб страниц" iPhone. На Android всё хорошо, на разных браузерах. Проблема в следующем, не блокируется скролл во всплывающем меню http://cartersbaby.ru/ на этом сайте. Вот примерные изображения проблемы: Собственно серого фона не должно быть, так же как и скролла долгого. В css забита высота этого серого элемента, но стоит overflow: hidden. Допускаю собственную ошибку, но на Android и эмуляторе в Chrome проблем нет.
      8. Добрый вечер. Никак не могу решить проблему. На мобильных устройствах (в частности iphone) на сайте присутствует непонятный зазор справа где-то 5-6 мм. Может кто сталкивался с подобным? Сайт http://www.blushbride.ru/ Кстати, на этом ресурсе зазор тоже виден: http://mobiletest.me/iphone_5_emulator/#u=http://www.blushbride.ru/
      9. Здравствуйте! При открытии сайта на айфоне -появлеется только верхний левый угол - приходится уменьшать. Как сделать так чтобы она открывался целиком , но в уменьшенном зуме.
      10. Всем привет, кого не видел. Сделал себе выпадающее меню на основе css по этому уроку. Но, естественно, на мобильных устройства не работает. Нашел урок с адаптивным меню и под мобильные устройства. Но переделывать всё меню лень, может кто подсказать, с чего начать, чтобы меню всплывало и на мобильных устройствах ?
      11. Знаю, что глупый вопрос, но как сделать, чтобы на айфоне\айпаде при масштабировании контента он изменялся по ширине, а не оставался фиксированной ширины. Структура представляет из себя блок с шириной 100%, в нём еще 1 блок с шириной 100%, и в нём еще много блоков с шириной 100%, я так понял, что 100% берётся от размера документа. А нужно от размеров области просмотра. <meta name=”viewport” content=”width=320"> не помогает. Заранее спасибо
      ×
      ×
      • Create New...