Адаптивная верстка и мобильные устройства.

а как иначе? viewport есссесссно остаётся тем же самым, но меняется его orientation. ваши стили работают абс правильно, просто надо кое что добавить для "хотелок" ;) курите css3 media queries

Большое спасибо! Вы мне очень помогли. Я во многом продвинулся, но чет не пойму в чем у меня косяк. На пк адаптируется на ура.

А вот на мобилах.... когда идет двухколоночная адаптация - все ок. А вот когда в одну колонку...

в общем вот предположим захожу с устройства 480 точек по горизонту и 800 вертикаль:

Бяка такая: (Причем лишь в мобилах, в опере там, или в эмуляторе. файр баг вроде все нормально понимает. по идее должно на весь экран, а оставляет старые (общие стиле), нормально лишь в шапке))

Уже и не знаю, что неверно прописал.

Вот сайт: http://djdiplomat.ru/

Вроде вот правила для данной ситуации..

@media all and (orientation: portrait), all and (max-width: 725px) {

    .header {
    background:#FFF;
    border-left:10px solid #309DE0;
    border-right:10px solid #309DE0;
    margin-left: 3%;  
    margin-right: 3%;
    height: 110px;
  }

  .logo {
  background: none;
  clear:both;
  width: 90%;
  }

  .logo img {
  padding: 0;
  clear: both;
  position:relative;
  width:100%;
  margin-left: 5%;  
  margin-right: 5%;
  }

  .find {
  background: #FFF;
  height: auto;
  width: 90%;
  }

  .inputbox {
  margin: 0;
  float: left;
  width: 90%;
  }

  .breadcrumbs_individual {
  height: auto;
  background:#2C9FE0;
  padding-top:1px;
  }

  .moduletable_topmenu li {
  padding-right:10px;
  }

  .article {
  width: 100%;
  padding-right: 10px;
  }

  .article img  {
  padding: 0;
  max-width:100%;
  }

  .reklama {
  display: block;
  float: none;
  margin-left: 5%;  
  margin-right: 5%;
  }

  .aside {
  width:100%;
  clear: both;
  float: none;
  }

  .leftcolumn {
  float:none;
  width:100%;
   }

  .rightcolumn {
  float:none;
  width:100%;
  }

  .copy {
    width: 100%;
    float: none;
  }

  .count {
    width: 100%;
    float: none;
  }

}

2. И второй вопрос

По шрифтам. Как вообще делают шрифты под маленькие экраны?

Смотрел разные варианты (даже в мобильной версии яши юзал), но чет толком ничего не понял.

Понял одно - в пикселях задавать не стоит.

Может я что-то в хотелке написал не правильно?