Как работает внутренняя работа?

Я никогда не слышал об этом значении intrinsic до тех пор, пока не наткнулся на эту страницу в MDN.

Из того, что я знаю, Внутренний означает естественный. Итак, как это работает в CSS. Я думал, что auto было бы естественным. Я немного искал, но ничего не могу найти.

Чем он отличается от auto?

В примере, который я видел, был max-width: intrinsic;

Ответы

Ответ 1

Похоже, что значение intrinsic является частью более нового модуля CSS3:

http://dev.w3.org/csswg/css-sizing/

Я еще не использовал его, но, возможно, ссылка предоставит вам дополнительную информацию.

На основе быстрого обзора этот модуль упростит определение того, как контент заполняет ширину и высоту родительского блока.

В настоящее время функции JavaScript часто используются для вычисления ширины и высоты блоков контейнеров на основе значений% для содержимого дочерних элементов переменной.

Ответ 2

Это позволяет вам установить ширину элемента, чтобы он растянулся достаточно широко, чтобы разместить его детей. Таким образом, если элемент div содержал широкое изображение и некоторый текст, div растягивался бы достаточно широко, чтобы разместить изображение, и текст начал бы ломаться при этом пороге.

Определенно экспериментально и не поддерживается широко: http://caniuse.com/intrinsic-width

Ответ 4

Я обнаружил, что в iOS8, flexbox дети могут не всегда пытаться содержать всех своих детей и вместо этого увеличивать их высоту до доступного окна просмотра. min-height: min-intrinsic исправляет эту проблему.