Min() в withStyles

Я хотел бы использовать min() в withStyles.

У меня это в настоящее время объявлено так:

maxWidth: "min(700, 90vw)"

я тоже пробовал

maxWidth: "min('700', '90vw')"

Ни один из них не работает.

Кто-нибудь знает, как использовать эту функцию с material-ui в реакции?

Спасибо

Можете ли вы вычислить значение вне объявления стилей, а затем объявить maxWidth: calculatedValue?

— 29.01.2019 01:25

Вы успешно использовали min вне material-ui? Насколько я могу судить, он не поддерживается браузерами.

— 29.01.2019 04:23

css reactjs material-design material-ui

29.01.2019 00:40

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

CSS: FlexBox

Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Если ответ здесь не устарел, я не верю, что min поддерживается в CSS. Эта страница не указывает ни на какие браузеры, которые его поддерживают.

Однако вы можете получить тот же эффект, используя медиа-запросы, например:

maxWidth: "90vw",
"@media (min-width: 777px)": {
  maxWidth: 700
}

Вот CodeSandbox, демонстрирующий это:

Edit p3nmw73jxj

Спасибо... Я проверил MDN, увидел документацию и просто предположил, что она поддерживается...

— 30.01.2019 20:48

29.01.2019 05:09

Другие вопросы по теме

ReactJS — многостраничное приложение не работает после создания для производства

Загрузить данные отдельных серий, как щелкнули в легенде

Как я могу протестировать случай переключения, который зависит от параметра?

Использование плагина `rexxars/react-markdown` или альтернатива для рендеринга уценки React

React - визуализировать определенный div на основе выбранного варианта ответа

React Native — программно отклонить оповещение

'handleMenuClick' не определен

Как получить доступ к «магазину» в React Redux? (или как связать действия)

«Неопределенное не является объектом» при оценке избыточного действия (this.props.function) на новом экране

Реакция на ожидание выборки данных с помощью аксиом перед запуском следующей строки не работает

Min() в withStyles

Ответы 1

Другие вопросы по теме

Похожие вопросы