Как задать правильно минимальную ширину в адаптивной верстке?

nepster09: Функция calc далеко не вчера появилась. Что смущает?

Как задать правильно минимальную ширину в адаптивной верстке?

nepster09:
Решение такое:

media screen and (max-width: 749px) {
.center {
width: -moz-calc(100% - 300px);
}
}

Поддержку функции calc() можно посмотреть здесь:
caniuse.com/#feat=calc

И для обертки нужно выбрать необходимую min-width, то есть, минимальную суммарную ширину трех блоков, которая будет больше 300px.

Как задать правильно минимальную ширину в адаптивной верстке?

nepster09:
В вопросе есть некоторое противоречие. Слово "адаптивный" предполагает, что мы можем, при необходимости, перемещать блоки, например, располагая их один под одним. С другой стороны, в первой строке вопроса написано, что "Есть 3 блока: 20% 60% 20%". Это указывает на то, что блоки по ширине (горизонтали) должны располагаться друг за другом. Если это так и блоки не должны "сползать", тогда задавайте min-width меньше 150px (для left, right ) до получения необходимой общей ширины и / или изменяйте процентное соотношение колонок (left, right, center). Например, соотношение 30%40%30% дает для охватывающего блока min-width = 500px.
min = 120px, 30%40%30% -> min = 400px