Отображение блога с разными разрешениям экрана?
Всем привет!
Тут такое дело, мой блог отображается по разному на мониторах, например, если у кого-то разрешение блога 800*600 то только часть моего блога видна...
Как сделать так что бы блог подстраивался под разрешение экрана монитора?
Как сделать так что бы он правильно отображался при разных разрешения экрана?
Поставить минимальную ширину в районе 950px.
Ориентируйтесь на минимальное разрешение экрана в 1024*768, ведь 800*600 это в основном мобильные устройства, а для них нужен другой шаблон.
Делается всё в css через @media.
Например,
@media screen and (max-width: 768px) {
/*стили для устройств с максимальной шириной экрана 768px*/
}
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
/*стили для устройств с шириной экрана от 320px до 480px*/
}
Вот тут можешь посмотреть как это реализуется на примере http://twitter.github.com/bootstrap/scaffolding.html#responsive