- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Что делать, если ваша email-рассылка попала в спам
10 распространенных причин и решений
Екатерина Ткаченко
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Вопрос такой, нарисовали для сайта дизайн мобильной версии, причем для 3 разрешений экрана 880, 586, 290. При переходе между этими дизайнами сайт резиновый, при переходе через размер - элементы верстки как бы перепрыгивают.
Вопрос такой, взять хороший телефон, у него высокое разрешение экрана, больше 1000 пкс ширина. А размер экрана 5 дюймов. 880 - это для планшетов у нас. А выводиться соответственно будет на телефоне.
А по сути на нем бы хорошо показывать промежуточный дизайн - который под 586.
Как в таких случаях делают, если разрешением контролировать не получается, так как оно слишком большое.
Сделать кнопочку "полная версия сайта" и по куки показывать другие стили, например.
Ну или пересмотреть разрешения. У меня резиновый дизайн сайтов. Мобильная версия начинается с экрана меньше 500px + есть некоторые изменения элементов на промежуточных стадиях и для экранов 350 и меньше.
В телефоне при вертикальном просмотре - мобильная версия, при горизонтальном - полная.
Сделать кнопочку "полная версия сайта" и по куки показывать другие стили, например.
Гугл пишет, что это не есть хорошо.
при переходе через размер - элементы верстки как бы перепрыгивают.
Значит дизайнер не понимает что такое адаптивная верстка. Как вариант можно через jquery блоки переставлять, при необходимой ширине. А так через css все, через media.
Вопрос чуть другой.
Есть тел с диагональю 5.1 дюйма. Но разрешение больше 1000 px ширина.
На нем сайт хорошо показывать, как мобильную версию, которая предусмотрена под ширину 580 например.
Но, так как огромное разрешение, то сайт показывается с планшетной версией. То есть сайт не определяет размер экрана, а только разрешение. А ведь и на мобильном разрешение может быть больше, чем на компе.
Вопрос, как именно под размер экрана подстраивать, а не под разрешение экрана.
внезапно....
https://tech.yandex.ru/detector/
если нет понимания общей концепции, то в помощь
http://myresolutionis.ru/page/smapage.php
---------- Добавлено 10.04.2015 в 01:54 ----------
Значит дизайнер не понимает что такое адаптивная верстка. Как вариант можно через jquery блоки переставлять, при необходимой ширине. А так через css все, через media.
Возможно дизайнер все понимает. Это поколение бутстрапа возможно не понимает, что такое дизайн. Возможно все.
Есть тел с диагональю 5.1 дюйма. Но разрешение больше 1000 px ширина.
На нем сайт хорошо показывать, как мобильную версию, которая предусмотрена под ширину 580 например.
580 на экране в 1000 будет показываться на полэкрана) дело не в пикселях, а в пропорциях наверно
580 на экране в 1000 будет показываться на полэкрана) дело не в пикселях, а в пропорциях наверно
Может и в пропорциях. Как их задать то? яндекс api детектор использовать и для каждой модели свое подставлять чтоль?
Может и в пропорциях.
дело не в пропорциях, а device pixel ratio.
как пример у айфона 6+ dpr=3, т.е. он говорит вашему сайту, что у него разрешение 414*736, а не то что написано на сайте apple
дело не в пропорциях, а device pixel ratio.
как пример у айфона 6+ dpr=3, т.е. он говорит вашему сайту, что у него разрешение 414*736, а не то что написано на сайте apple
О, вот это уже совсем то, что надо похоже)
Может подскажете чуть подробнее про то, как это использовать?
Возможно дизайнер все понимает. Это поколение бутстрапа возможно не понимает, что такое дизайн. Возможно все.
Причем здесь поколение? Дизайнеры и 10 лет назад в основной массе не имели нормального образования ни сейчас. А уже тогда разница в разрешениях мониторов была достаточно большой.
Может подскажете чуть подробнее про то, как это использовать?
не понимаю вопроса, это нужно знать перед тем как делать адаптивную вёрстку для media queries