Минимальный размер деления?

Question

Я создаю веб-сайт, который использует текучий макет с искусственными столбцами. У меня есть изображение в верхней части с текстом в стороне. Я хочу, чтобы изображение имело минимальный размер 550px и максимальный размер 75% родительского div. Я попробовал это:

.class{
    width: 550px;
    maxwidth: 75%;
}

но это не сработало.

Answer 1

Попробуйте:

.class {
    min-width: 550px;
    width: 75%;
}

Answer 2

Текущая спецификация CSS поддерживает min-width и max-width, но не все браузеры поддерживают. А именно IE6. Но большинство других браузеров на рынке работают нормально.

Answer 3

Я знаю, что запрос старый, но, возможно, это поможет другим людям, имеющим такую ​​же проблему.

У меня было то же беспокойство, и это разрешило его:

.class {    
    min-height: 300px;
    height: auto !important;
    height: 300px;
}

Answer 4

Попробуйте заменить maxwidth на max-width.