SEO Сообщество: Спрашивайте и помогайте

Присоединяйтесь к сообществу профессиональных веб-мастеров PR-CY, отвечайте на вопросы коллег и задавайте свои.

Q&A SEO

Отображение блога с разными разрешениям экрана?

TarasMarko TarasMarko  
2
  06.11.2012 22:52       2 996    
Всем привет!
Тут такое дело, мой блог отображается по разному на мониторах, например, если у кого-то разрешение блога 800*600 то только часть моего блога видна...
Как сделать так что бы блог подстраивался под разрешение экрана монитора?
Как сделать так что бы он правильно отображался при разных разрешения экрана?

Ответы на пост (5) Написать ответ
YarikPaw YarikPaw
0
06.11.2012 22:56
Сделать его резиновым.
Поставить минимальную ширину в районе 950px.
Ориентируйтесь на минимальное разрешение экрана в 1024*768, ведь 800*600 это в основном мобильные устройства, а для них нужен другой шаблон.
0
maxer2012 maxer2012
3
06.11.2012 23:03
800*600 не обижайте мой старый компьютер )))
0
sanek91 sanek91
100
06.11.2012 23:08
А как поставить,чтобы он автоматически растягивался есть мысли? Просто так разрешение не поменять будут конфликты с другими стилями, всё разъедится на сайте
0
xmka xmka
22
07.11.2012 07:33
Адаптивный дизайн нужен
0
hed1n hed1n
0
19.02.2013 13:38
Это не сложно, называется адаптивная верстка.
Делается всё в 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
0