Въпрос относно max-width, min-width, width

[viki_st]

Какво означават следните два кода и защо се използват различни мерни единици...също знаете ли полезни линкове на бг относно тази тема.

Благодаря ви много.

.container {
width: 800px;
max-width: 90%;
}
и
.container{
min-width: 760px;
max-width: 960px;
width: 100%;
}

 

[Jorko]

Min и max width се ползват за евнтуално под различни резолюций сиреч,
когато напишеш това[css].container{
min-width: 760px;
max-width: 960px;
width: 100%; }[/css]

ти му задаваш ако примерно големината на еекраната ти 760px то ще покаже 760 а ако примерно е 800px то ще го покаже като 800px,и неможе да бъде по голям от 960px

 

[vinsbg]

Какво означават следните два кода и защо се използват различни мерни единици...също знаете ли полезни линкове на бг относно тази тема.

Благодаря ви много.

.container {
width: 800px;
max-width: 90%;
}
и
.container{
min-width: 760px;
max-width: 960px;
width: 100%;
}

Тук е обяснено:
http://reference.sitepoint.com/css/max-width

Най-общо казан, че щом имаш max-width това ще ти е максималния размер. Дори и да сложиш по-голям размер на width максималното ще е max-width.

 

[viki_st]

разбрах за min и маx, но това width:100% каква роля играе.
Благодаря отново

.container{
min-width: 760px;
max-width: 960px;
width: 100%; }[/i]

 

[vinsbg]

width:100% означава, че ще заеме цялата дължина където е.
http://www.impressivewebs.com/width-100-percent-css/

 

[viki_st]

А добре щом както казвате: " имаш max-width това ще ти е максималния размер. Дори и да сложиш по-голям размер на width максималното ще е max-width.", тогава за какво го слагаме изобщо това width:800px.





.container {
width: 800px;
max-width: 90%;
}

 

[vinsbg]

Еми в този случай мисля, че няма значение от него щом имаш max-width;

 

[Tz_1]

А добре щом както казвате: " имаш max-width това ще ти е максималния размер. Дори и да сложиш по-голям размер на width максималното ще е max-width.", тогава за какво го слагаме изобщо това width:800px.


.container {
width: 800px;
max-width: 90%;
}

800px се слага, защото без него широчината винаги ще е 90%. Напр. при широчина на прозореца 1100px, container ще е 990px. Явно човекът не е искал контейнера да надвишава 800 при по-широки прозорци.