Как оптимизировать сайт под мобильные устройства?

(Ответов: 8, Просмотров: 418)
  1. Гуру Аватар для Limon4eg
    • Регистрация: 12.04.2011
    • Сообщений: 724
    • Репутация: 209
    Сайт будет малостраничник, на ХТМЛ, нужно, чтоб и на мобильных устройствах оно выглядело привлекательно.
    В сети нашел методы оптимизации движков. А про ручные нет ничего.

    Подскажите, плз, на что обратить внимание. Или где это почитать..

    Спасибо.
    .
    • 1

    Спасибо сказали:

    Coder(08.12.2015),
  2. Гуру
    • Регистрация: 20.01.2013
    • Сообщений: 721
    • Репутация: 189
    • Webmoney BL: ?
    погуглите на тему "адаптивная верстка".
    собственно используются медиа-запросы в css для разных разрешений для этого дела...
    • 1

    Спасибо сказали:

    Limon4eg(08.12.2015),
  3. Гуру Аватар для MacLeo
    • Регистрация: 01.06.2010
    • Сообщений: 1,617
    • Записей в дневнике: 1
    • Репутация: 586
    Limon4eg, какой двиг? дизайн уже есть?

    Как уже писали - посмотрите в сторону адаптивного дизайна. Но это только в том случае если у Вас есть хорошие навыки в css, по другому туда смысла лезть нету.

    Сам сидел над этим делом пару дней- так желаемого и не добился, хотя вроде как с css хорошо знаком.

    Если есть возможность - сделайте простенький диз чисто для мобильных устройств. И практичней и легче, да и результат может оказаться намного лучше.
    • 1

    Спасибо сказали:

    Limon4eg(08.12.2015),
  4. Гуру Аватар для Limon4eg
    • Регистрация: 12.04.2011
    • Сообщений: 724
    • Репутация: 209
    без ЦМС, сайт до 30 страниц, вручную на ХТМЛ. вот с цсс у меня туго..

    раз сложно, может пока обойдусь)
    .
    • 0
  5. Гуру Аватар для MacLeo
    • Регистрация: 01.06.2010
    • Сообщений: 1,617
    • Записей в дневнике: 1
    • Репутация: 586
    Limon4eg, ну это конечно напряжно будет, тогда только адаптивная верстка.

    Попробуйте, может получиться. Я делал по этому: тык, смотреть результат можно тут, а лучше в Chrome через F12 (разные устройства, разные разрешения экрана)
    • 1

    Спасибо сказали:

    Limon4eg(08.12.2015),
  6. Гуру Аватар для kuzmi4
    • Регистрация: 26.02.2014
    • Сообщений: 524
    • Репутация: 104
    • Webmoney BL: ?
    В head добавляем 2 тега:
    Код HTML:
    <link rel="stylesheet" media="(max-width: 480px)" href="/small.css" />
    и
    Код HTML:
    <meta name=viewport content="width=device-width, initial-scale=1">
    создаем файл small.css, куда прописываем стили для мобильников.
    например :
    ширину слоев делаем 100% (width:100%);
    убираем обтекание слоев (float:none);
    убираем не нужные изображения шаблона (background-image:none)
    Проверяем здесь или в Новом Яндекс.Вебмастере (там появился инструмент)
    Почитать про адаптивный дизайн - тут
    Справочник CSS - тут
    • 1

    Спасибо сказали:

    Limon4eg(08.12.2015),
  7. Гуру Аватар для Zhezkazganetcs
    • Регистрация: 01.02.2014
    • Сообщений: 522
    • Репутация: 152
    • Webmoney BL: ?
    • 1

    Спасибо сказали:

    Limon4eg(08.12.2015),
  8. Quae res omnia Аватар для Coder
    • Регистрация: 29.01.2015
    • Сообщений: 821
    • Репутация: 299
    Цитата Сообщение от Limon4eg Посмотреть сообщение
    Подскажите, плз, на что обратить внимание. Или где это почитать..
    _http://purecss.io/

    Берите за основу. При добавлении своих блоков/классов и прочего, включайте в соответствующие media секции, с нужными параметрами/размерами/поведением (скрыть, сдвинуть и т.д.)
    Цитата Сообщение от Limon4eg Посмотреть сообщение
    Спасибо.
    Пожалуйста)
    • 2

    Спасибо сказали:

    Coytes(08.12.2015), Limon4eg(08.12.2015),
  9. Студент
    • Регистрация: 05.07.2015
    • Сообщений: 82
    • Репутация: 16
    Хорошая штука PureCSS, не видел, спасибо.
    Пользуюсь Skeleton, тоже доволен.
    • 1

    Спасибо сказали:

    Coder(08.12.2015),

Похожие темы

Темы Раздел Ответов Последний пост
Сайт не оптимизирован под мобильные устройства
Вопросы от новичков 3 25.02.2015 02:51
Доработать верстку форума под мобильные устройства
Создание сайтов 6 20.02.2015 04:30
Адаптируем блог под мобильные устройства
Дайджест блогосферы 0 30.09.2010 18:41

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры