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

Это очень полезные свойства, позволяющие гарантировать удобочитаемость страниц, особенно на маленьких экранах портативных устройств. Например вы можете использовать свойство max-width, чтобы быть уверенным в том, что строки текста не окажутся слишком широкими в большом окне браузера. Свойство min-width позволит гарантировать, что строки текста не окажутся слишком узкими.

Примите во внимание, что минимальная ширина элемента вычисляется по формуле:
min-width+padding(левый и правый)+border(ширина рамки)
т.е. если вы зададите min-width: 500px, padding: 5px, border 1px, то минимальная ширина получится 512px.

Примечание: CSS свойство min-width работает только с блочными элементами.

html 
head 
 style 
 p { 
 min-width: 500px; 
 background-color: yellow; 
 } 
 /style 
/head 
body 
 pМинимальная ширина элемента 500px./p 
/body 
/html