Как работать с адаптивным дизайном
Работа с адаптивным дизайном
Городовой
Подскажите, как проверить и если что поправить шаблон на адаптивность.
Нашел ссылку на этот сервис:
Скрытый текст виден только зарегистрированным пользователям

Но это можно сделать только на сервере.
А как делать на локальном, как то же проверяют и делают шаблоны.
sagus85
Здесь на форуме где то есть тема по этому вопросу. Используются обычные браузеры. в них есть имитаторы мобильных устройств.
Например в Mozilla, Инструменты --> Веб-разработка --> Адаптивный дизайн, включить галочку.

В основном во всех современных браузерах есть что то типа средства разработки, веб-разработка и тп.
Randomir
Городовой:
А как делать на локальном, как то же проверяют и делают шаблоны.

Про средства разработки сказали а искать где что править все тем же способом:
Скрытый текст виден только зарегистрированным пользователям
Городовой
Спс. с этим понятно. А в чем конкретно отличается адаптивные стили от обычных. Там что как то специально для адаптивного задается как то?
Степаныч
Городовой:
А в чем конкретно отличается адаптивные стили от обычных. Там что как то специально для адаптивного задается как то?

Стили обыкновенные, но в них не используются, или очень мало, фиксированные значения ширины, высоты. Но все это индивидуально. Подгоняется по корректному виду на разных разрешениях, как правило редактировать элемент приходится сразу в двух файлах, обычном и адаптивном. Нужно это учитывать и поэтому в этих случаях подсказывать по CSS не получится.
sagus85
Городовой, Вот несколько статей, в них есть немного по определениям, и по принципам создания:
Скрытый текст виден только зарегистрированным пользователям

Скрытый текст виден только зарегистрированным пользователям


Скрытый текст виден только зарегистрированным пользователям


Сейчас информации по адаптивным в сети много.
Городовой
Спасибо за информацию статьи почитаю то что нужно.
Редактировалось: 1 раз (Последний: 20 июня 2014 в 14:21)
bambino
sagus85:
Например в Mozilla, Инструменты --> Веб-разработка --> Адаптивный дизайн, включить галочку.

В Опере нет такого sad
Как быть?
Handy
bambino:
В Опере нет такого sad
Как быть?

Это может помочь:
Скрытый текст виден только зарегистрированным пользователям

music
качественное продвижение и раскрутка сайтов в сеопульте
bambino
Так понял нужно поставить еще браузер Опера мини. hoho
Lenta
Тогда уже и для ИЕ и Хрома напишите, пригодится для проверок.
Редактировалось: 1 раз (Последний: 21 июня 2014 в 13:05)
Evgenert
Для Google Chrome установить это расширение:
Скрытый текст виден только зарегистрированным пользователям


Для ИЕ наверное нету.
samson
sagus85:
Сейчас информации по адаптивным в сети много.

Согласен. В теме на форуме можно спросить как проверять,
но бесполезно, как делать laugh

Конкретное решение по конкретному факту, и то как уже говорили, подсказывать экстрасенсорным методом провидцев вряд ли получится. laugh

Уроков и примеров по адаптивным разработкам в интернете полно по ним и искать.
Городовой
Вот такой вопрос. Не знаю как уместить в одном шаблоне и можно ли такое вообще, такие штуки. Допустим есть блок в обыкновенном стиле он имеет одни стили, отступы, положение вверху, внизу, а в адаптивном нужны уже другие стили, попытался просто прописать свои, но то что нужно перебивается стилями от обыкновенного. sad

Или я что то не так делаю?
Редактировалось: 1 раз (Последний: 3 июля 2014 в 12:34)
Степаныч
Используйте в адаптивных стилях, если надо задать приоритет !important
Код PHP:
  1.  
  2. padding: 0 !important;
  3.  
Иногда что бы отменить свойство, используется none, для тех которые его поддерживают.
Перейти на форум:
Страницы: 1 2 > >>
Быстрый ответ
У вас нет прав, чтобы писать на форуме.