Адаптивный дизайн, вопрос

97

iCospi

4 февраля 2013, 15:10

336

Добрый день, сейчас верстаю сайт и пытаюсь его под мобильные экраны сделать, вроде всё получается, но одна проблема с основным бэкграудном (body) - большая картинка, которая выглядит безобразно в маленьком разрешении телефона.

Можно ли как-то делать проверку на разрешение экрана и в зависимости от этого отключать/включать вывод быкграунда? За дельные советы буду благодарен.

Удобная проверка позиций (http://allpositions.ru/redirect/8497) | Быстрая покупка уник контента (http://advego.ru/62bgjaNHEc)

96

LovelAss

4 февраля 2013, 15:14

#1

http://htmlbook.ru/css/value/media

1

675

vandamme

4 февраля 2013, 15:17

#2

а как вы адаптивный делаете без "медиа"? 😂

или вы думаете правила в этих разделах не перекрывают ранее перечисленные?

97

iCospi

4 февраля 2013, 15:29

#3

LovelAss, спасибо.

vandamme, пока просто резиновый делаю. Первый раз с этой темой столкунлся.

675

vandamme

4 февраля 2013, 15:32

#4

на пропиши приблизительно такое и катай свои стили

/* #Tablet (Portrait) Дизайн с шириной от 768px
=============================================== */
@media only screen and (max-width: 995px) {

}

/* #Mobile (Landscape) Дизайн с шириной от 480px
================================================ */
@media only screen and (max-width: 767px) {

}

/* #Mobile (Portrait) Дизайн с шириной от 320px
================================================ */
@media only screen and (max-width: 479px) {

}

1

Все что нужно знать о DDоS-атаках грамотному менеджеру

VK приобрела 70% в структуре компании-разработчика red_mad_robot