CSS media queries

Post Reply
User avatar
lubo91
Потребител
Потребител
Posts: 914
Joined: Thu Mar 01, 2007 6:22 pm
Answers: 23
Location: Свиленград

CSS media queries

Post by lubo91 » Sun Dec 02, 2012 1:53 pm

Здравейте,
Трябва ми странична гледна точка, че моята вече явно прекалено "тясна".

Опитвам се да направя "grid" от "кутии" които от да се разтягат и свиват в зависимост от резолюцията.

Пример:

@media screen and(min-width: 0px) and (max-width:699px;)
{

.box{
width:100%;
max-width:699px;
}

}

@media screen and(min-width: 700px) and (max-width: ...px;)
{

.box{
width:100%;
max-width:350px;
}

}

с второто искам като стигне 700 да се чупи и да кутиите да станат 2

Според моята логика трябва да се получи, но не се получава.

Някакви идеи?
Last edited by lubo91 on Sun Dec 02, 2012 2:10 pm, edited 1 time in total.

User avatar
syneidesys
Турист
Турист
Posts: 246
Joined: Fri Nov 02, 2012 7:57 am
Answers: 27
Contact:

Post by syneidesys » Sun Dec 02, 2012 2:08 pm

Написал си with вместо width !!!

User avatar
lubo91
Потребител
Потребител
Posts: 914
Joined: Thu Mar 01, 2007 6:22 pm
Answers: 23
Location: Свиленград

Post by lubo91 » Sun Dec 02, 2012 2:10 pm

Не съм копирал кода, там си е както трябва. Явно в бързината да го напиша съм го объркал :)

User avatar
syneidesys
Турист
Турист
Posts: 246
Joined: Fri Nov 02, 2012 7:57 am
Answers: 27
Contact:

Post by syneidesys » Sun Dec 02, 2012 5:19 pm

Този урок е интересен:
http://webdesign.tutsplus.com/tutorials ... -reporter/

User avatar
lubo91
Потребител
Потребител
Posts: 914
Joined: Thu Mar 01, 2007 6:22 pm
Answers: 23
Location: Свиленград

Post by lubo91 » Sun Dec 02, 2012 5:51 pm

Благодаря! Ще го разгледам, но така или иначе се справих с проблема :)

Post Reply