Ответы пользователя по тегу Адаптивный дизайн
  • Под какие разрешения рисовать адаптивный дизайн?

    @esvlad
    Веб-разработчик
    Как я прошу или как мне скидывают дизайнеры. (по ширине)
    Если сайт на всю ширину или контейнер основного контента больше чем на 1366px, то:
    1920px - Десктоп
    1366px - Ноутбук
    768px - Планшет
    640px - Смартфон

    Также бывает 1024px Планшет в альбомном режиме, если фантазия у дизайнера решила, что должны быть отличия у альбомного или горизонтального режима.
    Про смартфон: нынче 320px это не стандарт, а скорее редкость, самый маленький экран, я прошу всегда 640px потому что использую <meta name="viewport" content="width=640px"> поскольку с его помощью контент масштабируется на меньшие экраны лучше, да и верстальщик сам в фотошопе может уменьшить его, если ему нужно до 320px и т.п.
    Ответ написан
    Комментировать
  • Как вы создаёте адаптивный дизайн и всегда ли это нужно?

    @esvlad
    Веб-разработчик
    Лично я считаю, что поскольку аудитория пользователей мобильного интернета чуть ли не больше чем десктопного, то адаптировать нужно.

    Сам на своём одном проекте использую 2 метода, сначала скриптом Mobile_Direct узнаю устройство, затем заношу переменную в сессию, далее подключаю css для мобильной версии.

    Многие могут сказать, что я создаю лишний геморрой, однако в реализуемом проекте он необходим, к примеру у меня информационный портал разрабатывается, и суть подключения скрипта в том, что, если пользователь заходит с мобильника, то мне половину блоков нет необходимости подключать, можно просто выставлять через стили display:none однако вес картинок, баннеров, а также доп запросов к удаленным сервисам и БД никуда не денутся, потому я их не подгружаю, чем существенно уменьшаю вес страницы для моб. версии и сокращаю кол-во запросов к бд. Но, как я и писал это то что я делаю в рамках данного проекта.

    А так, медиа запросами, можно обойтись, хотя у каждого своё видение.
    Ответ написан
    Комментировать