Как использовать минимальную ширину, максимальную ширину и ширину 100%

Кто-нибудь, пожалуйста, помогите мне описать подходящий пример максимальной ширины и ширины min-width 100% и почему я должен использовать это специально для?Как использовать минимальную ширину, максимальную ширину и ширину 100%

Редактировать

что я должен использовать для мин-ширина, что разрешение большинство компьютеров могут совпадать. Что следует использовать для максимальной ширины, которая может соответствовать большинству компьютеров.

Редактировать мне нужен лучший пример, как yahoo.com использовать

источник

2013-03-14 Bhojendra Nepal

Что вы хотите достичь? Вы уже что-то пробовали и можете поделиться своим кодом? –

Нет! Я просто хочу узнать об этом отлично. –

Теперь ознакомьтесь с этим примером и minmize для проверки минимальной ширины здесь http://tinkerbin.com/CKh27l9D Дополнительная информация http://quirksmode.org/css/css2/width.html –

мин-ширина: Если установить 50px, то по умолчанию ваш DIV будет шириной 50px. Если содержимое внутри div имеет большую ширину, чем 50 пикселей, то он (ваш div с минимальной шириной) будет расширяться.

макс-ширина: Если вы установите его 50px и если содержание внутри DIV имеет больше ширины, чем 50px, то он (ваш DIV с мин-ширина) не будет расширяться, горизонтальная прокрутка может появиться в зависимости от вашего переполнения.

ширина: 100% По умолчанию divs имеют ширину 100%, но если у вас есть плавающие divs, и вы хотите, чтобы они взяли все горизонтальное пространство своего контейнера, ширина: 100% действительно помогает.

источник

2013-03-14 12:22:29 gaurav

Я проголосовал за ваш ответ, поскольку он прекрасно описывает это. Но на самом деле я хочу, чтобы, если мы их используем? Используя%, мы должны считать, что все остальное содержимое находится в%? –

Hmm .. примерно%, вы можете использовать его как

, и это будет работать отлично. Вы всегда можете смешивать n match% с px. – gaurav

@ gaurav- спасибо. –

мин-ширина:

минимальная ширина DIV, он никогда не будет меньше, так как ширина данной.

если min-width: 50px div всегда будет минимум 50 px или больше.

, если мин-ширина:. 50%, то DIV будет составлять 50% от объекта его в

(если его в DIV из 1200px будет 600px)

(если первый DIV это будет 50% экрана)

макс ширина

такая же, как минимум, но теперь он никогда не будет больше, а не меньше никогда. , если:

макс-ширина:. 50%

ДИВ Виль никогда не будет больше, то 50% от объекта его в

если вы используете%, если вы хотите, чтобы страница выглядеть точно то же самое по каждой резолюции.

, если у вас есть 1 Div с шириной 80%

<div id="1">

и 1 ДИВ в нем с шириной 50%

<div id="2">

сНу 2 будет 50% на 80%, так что будет 40 % от общей страницы.

мин-ширина и максимальная ширина может быть использована, если у вас есть DIV без широтно:

DIV будет betweeen в мин-ширина и максимальная ширина-то, в зависимости от содержания.

, если вы используете ширина: 100% это делает Div 100% ширина объекта его в

, если его первый ДИВ его полную ширину экрана..

, если он находится в DIV с шириной: 500px DIV будет 100% 500 пикселей, так 500px

источник

2013-03-14 12:21:04

Если я использую%, тогда размер шрифта и другие размеры также должны использоваться в% для лучшей производительности? –

, если у вас есть переполнение: auto в div это не имеет значения, потому что div будет прокручиваться и регулировать его высоту до содержимого. вы не должны использовать% для размера шрифта. –

Я вижу, что страницы yahoo идеальны в любом разрешении, и они также имеют фиксированную ширину. Как это сделать? –

min-width используется, чтобы установить минимальную ширину, после заданной степени значение ширины, Div автоматически начнет расширяться.

max-width Используется для предоставления максимальной ширины после того, как div не будет расширяться.

width:100% расширяет деление до доступного пространства браузера/родительского элемента

источник

2013-03-14 12:22:14 Sowmya

это очень общие, но:

мин-ширин очень полезен в тех случаях, когда у вас есть ширина, установленная в%, и вы не хотите, чтобы ваш элемент слишком малы.
```
<div style="100%"> 
    <div style="width:30%;min-width:50px;"></div> 
</div> 
```

Таким образом, если родительский DIV будет маленьким, ребенок будет иметь по крайней мере 50px.

Или вы можете использовать его, если div зависит от ширины окна родителя. Минимальная ширина имеет более высокий приоритет, чем ширина и максимальная ширина.

макс-ширина могут быть использованы аналогичным образом.
ширина: 100% объясняется подробно здесь: http://www.impressivewebs.com/width-100-percent-css/

источник

2013-03-14 12:29:49 Kamil

Как использовать минимальную ширину, максимальную ширину и ширину 100%

ответ

Смежные вопросы