Почему, указывается screen? я хочу, чтоб при ширине экрана смартфона 480, использовался другой ксс(для смартфона). Зачем тут скрин? screen - это же экран монитора?? Когда браузер уменьшаешь до 480 он начинает отображать вариант "для смартфона". Главное везде, пишут, что нужно писать: only scree and (min-width: 480px). Ну так он же, при таком медиа будет на компе так же, как на смартфоне отображаться при уменьшение браузера до 480 ширины. Чет мозг не хочет воспринимать это..
Дядиньки, объясните пожалуйста:rolleyes:

что самое странно, правила работают, когда захожу с сервисов проверки адаптивности, но с телефона работать не хочет

http://testwork.ru.mcdir.ru.mcpre.ru/#
теперь и с сервисов не работают
мистика прям

Ну где же все HTML воротилы-то ((((

В общем, хз, но работает, как мне надо, в смысле что на телефоне отображается файл ксс smartphone.css. Но вот не задача, когда я его писал, проверял верстку ресайзом окна браузера, и думал, что в телефоне все будет отображаться так же. Но чет нет) Почему-то ширина сайта 1300px, откуда берется такая высота, вообще не понятно. При том, что я ради эксперимента делал везде ширину 480 она все-равно остается 1300. В чем может быть проблема?

Вообще, сделал


[CSS]
@media only screen and (max-device-width: 727px) {
#wrap{
width:480px;
}
#top {
width:480px;
height:80px;
background-color:red;
}
#mid {
width:480px;
height:400px;
background-color:navy;
}
#bot {
width:480px;
height:100px;
background-color:orange;
}
}[/CSS]

Почему на все экран-то не получается?? Откуда эта туева хуча места сбоку?

Ну видимо разрешение экрана устройства более 480px

у айфона 320 на 480. На 4ом. я на нем проверял

а все оказало как всегад, чуточку проще: <meta name="viewport" content="width=device-width; initial-scale=1">

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.