Media Type

[aka_SmILe]

По какому принципу (критериям) работает медиа-тайп.
Например, при создании стиля я указываю, что подходит для всех устройств (т.е. all)
Открываю с того же смартфона через браузер сайт, и что? мне адаптируются страницы под размер мобилы?
И как мне специальным образом сверстать стиль элементов на странице для мобильного устройства?
Ребят поподробней чуток, чтоб вопросов не было больше.
Спасибо.

[anbe]

А ты через WAP-браузер или полноценный браузер заходишь с мобилы?

[aka_SmILe]

полноценный

[ilia3d]

По какому принципу (критериям) работает медиа-тайп.
Например, при создании стиля я указываю, что подходит для всех устройств (т.е. all)
Открываю с того же смартфона через браузер сайт, и что? мне адаптируются страницы под размер мобилы?
И как мне специальным образом сверстать стиль элементов на странице для мобильного устройства?
Ребят поподробней чуток, чтоб вопросов не было больше.
Спасибо.

Я могу ошибаться, но по-моему само форматироваться ничего не будет. Указание медиа-типа просто должно помочь программам сориентироваться и использовать таблицу стилей соответствующего типа.

[aka_SmILe]

Я собственно и спрашиваю по каким критериям происходит распознавание

[ZYV]

Это просто визуальный выбор чем заполнять поле type. См. спецификацию CSS.

[aka_SmILe]

хорошо.
вопрос ребром.
Сайт, который я делаю ориентирован на экраны мобильных устройств, т.е. там софт для смартфонов авторский.
но и с компа тоже его много посещают.
так вот как мне адаптировать и под комп и под экран телефона код.
т.е. чтоб контент был и там и там одинаковый (и не добавлялся для телефонной версии - отдельно, и для пкшной версии - отдельно).
Я предполагаю так, что надо написать 2 разных стилевых файла, но подскажите конкретно что? где? как?

[ZYV]

http://www.google.com/search?q=alternat ... for+mobile

http://www.codinghorror.com/blog/archives/000782.html
http://www.bushidodesigns.net/blog/mobi ... ser-agent/

[aka_SmILe]

да это оно понятно что свой стиль пишется.
Как это будет в cms этой выглядеть?
ведь если будет так. Слева сайдбар
- главная
- скачать
- контакты
- смарт-версия
например первым 3м линкам привязывается один основной шаблон, к которым стили
а к линку смарт-версия привязывается лёгкий шаблон, содержащий адаптированный стиль под экран мобилы.
То етсь когда мы тыкнем на смарт-версию, что должны увидеть по сути дела новый сайд-бар. Верно?
Для пользователей мобилы примерно должно быть также как и для основной, т.е.
- главная
- скачать
- контакты
- основная версия (тут линк необязательно на домашку, а можно на текущую, которую показывает смарт-версия)
Но тогда мне придется наполнять шаблон как на основной так и на смарт версии, что не есть удобно.
Если я что не так понял объясните.

[ZYV]

Не придется - делаешь два div-а - один с одним элементом, другой с другим, одному в главном CSS прописываешь visibility:hidden, display:none, второму - в мобильном.

[aka_SmILe]

От блин как то путаюсь с вашим ответом
Я понял тебя так.
На странице находятся 2 элемента. Пример.
содержимое html:

содержимое css:
main.css:
.

main {
visibility: hidden;
display: none;
}

mobile.css:

.mobile {
visibility: hidden;
display: none;
}

Верно?
Далее одному шаблону привязывается main.css, а другому - mobile.css ?

Или я вообще не так понял?
Я также не понял о каких 2х дивах идет речь? Имелось в виду 1 див - основной шаблон, 2 див - мобильный ?
Честно говоря пока тяжело представляю как реализуется все это.
Приведите пожалста пример подробнее.

[ZYV]

Ну, в общем случае, правильно. Разумеется надо стремиться к тому, чтобы на 99% шаблоны перекрывались и как можно более экономно использовать такие span-ы и div-ы.