Jump to content
  • 0

Сайт в уменьшенном состоянии на айфонах.


Kypaku
 Share

Question

Здравствуйте! При открытии сайта на айфоне -появлеется только верхний левый угол - приходится уменьшать.

Как сделать так чтобы она открывался целиком , но в уменьшенном зуме.

Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

Спасибо за подсказку, но чтото не получается! http://ipadpeek.com/ - здесь проверяю. Сайт http://mrpion.ru/....в хеаде убрал meta viewport совсем - мне нужно чтобы сайт был мелким тоесть отображался целиком в уменьшенном состоянии

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By alex-zzx
      Доброго дня
      Прошу всех специалистов верстающих под 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
      Из-за того что я не понял как именно отличать ситуации в которых панель должна быть вверху, быть внизу, панели не должно быть - был выбран универсальный вариант панель вверху и он был свёрстан. Может быть именно в этом была моя ошибка.
      Также хочу обратить внимание - компания ничего не сказала про ретину. И я не знаю правильно сделал "ретинизацию" или нет. Может кто-то протестит на реальном девайсе и кинет скрин - буде благодарен.
      Заранее благодарен всем кто сможет подсказать мои косяки.

      Если бы мы работали через стол то я мог бы задать эти вопросы своему руководителю и переделать задание столько - сколько потребуется. Сейчас же - я не имею такой возможности поэтому надеюсь на помощь сообщества.
    • By Rex4r
      Добрый день. Столкнулся с неожиданной проблемой. На айфонах блоки сайта наезжают друг на друга, на винде и андроиде всё работает нормально. Вьевпорт указан.
      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> На айфонах сайт выглядит так:   
       
      Должен выглядеть вот так: 
       
       
      Задачу осложняет то что у меня нет iOS устройств чтобы можно было протестить, а все эмуляторы, какие пробовал, выдают что всё верно.
       
      Кто-нибудь сталкивался с подобным? В чем может быть проблема?
    • By korifa
      Когда открываешь сайт на iphone, размер окошко инстаграм отображается с ошибкой, окошко больше экрана, появляется прокрутка вправо, на остальных устройствах все хорошо, помогите плиз 

    • By kirillov
      Добрый день. Написал сайт и встречается такая проблема на устройствах от apple (конкретно Iphone 5). В форму заявки в поля input не вводятся никакие символы. Посоветуйте пожалуйста. Спасибо.
    • By mn8156
      Всем привет! 
      Есть вопрос. Как убрать нижнее меню в safari на iphone, которое появляется при загрузке страницы и при прокрутке вверх? На сколько мне известно это можно сделать средствами css/js. Важно, чтобы это сработало на iphone 6, 6s (если не ошибаюсь в разных версиях iOS убирается по-разному). Нужно, чтобы было как здесь: http://fornacestudio.com/.
      На фото панель, которую нужно убрать.


×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy