Мінімальна ширина - CSS-хитрощі

min-widthВластивість в CSS використовується , щоб встановити мінімальну ширину заданого елемента. min-widthВластивість завжди має пріоритет над widthвластивістю чи слід до або після того, як widthу вашій декларації. Автори можуть використовувати будь-яке зі значень довжини, якщо вони є позитивними.

.wrapper ( width: 100%; min-width: 20em; /* Will be AT LEAST 20em wide */ )

Перевірте цю ручку!

Будьте уважні, припускаючи min-width, що успадковується, оскільки це властивість не успадковується від інших батьківських елементів. Якщо автори визначають ширину, використовуючи абсолютне значення (px, pt, in, cm, mm), мінімальна ширина не впливатиме, оскільки ширина була визначена на невизначений час. Наприклад, якщо в якості widthдовжини використовується значення 200px , min-widthзначення 100px не буде необхідним, оскільки ви вже вказали абсолютне значення для width(тобто 200px). Найкращий спосіб використовувати min-width- це визначити widthзначення у відсотках і використовувати абсолютне значення для min-widthвластивості, інакше використовуючи відсоткове значення для обох min-widthі widthне дасть очікуваного результату.