Я никогда не слышал об этом значении intrinsic до тех пор, пока не наткнулся на эту страницу в MDN.
Из того, что я знаю, Внутренний означает естественный. Итак, как это работает в CSS. Я думал, что auto было бы естественным. Я немного искал, но ничего не могу найти.
Чем он отличается от auto?
В примере, который я видел, был max-width: intrinsic;
Похоже, что значение intrinsic является частью более нового модуля CSS3:
http://dev.w3.org/csswg/css-sizing/
Я еще не использовал его, но, возможно, ссылка предоставит вам дополнительную информацию.
На основе быстрого обзора этот модуль упростит определение того, как контент заполняет ширину и высоту родительского блока.
В настоящее время функции JavaScript часто используются для вычисления ширины и высоты блоков контейнеров на основе значений% для содержимого дочерних элементов переменной.
Это позволяет вам установить ширину элемента, чтобы он растянулся достаточно широко, чтобы разместить его детей. Таким образом, если элемент div содержал широкое изображение и некоторый текст, div растягивался бы достаточно широко, чтобы разместить изображение, и текст начал бы ломаться при этом пороге.
Определенно экспериментально и не поддерживается широко: http://caniuse.com/intrinsic-width
Внутренний размер определяет размеры на основе содержимого элемента, без учета его контекста.
Я обнаружил, что в iOS8, flexbox дети могут не всегда пытаться содержать всех своих детей и вместо этого увеличивать их высоту до доступного окна просмотра.
min-height: min-intrinsic исправляет эту проблему.