Я пытаюсь познакомиться с CSS flexbox. Есть много полезных ресурсов. Однако, когда я сталкиваюсь с -webkit-box;, -moz-box;, -ms-flexbox; & -webkit-flex;, я не уверен, что это такое и как с ними справиться.Flexbox: -webkit-box ;, -moz-box ;, -ms-flexbox; & -webkit-flex; Кто они такие?
Если кто-то может пролить свет на это, я был бы благодарен.
Спасибо!
Вы можете прочитать все о префиксах поставщика here.
Резюме по ссылке:
производители браузеров иногда добавляют префиксы к экспериментальным или нестандартным свойствам CSS, так что разработчики могут экспериментировать, но изменения в поведении браузера не нарушают код в процессе стандартизации. Разработчики должны ждать, чтобы включить свойство unprefixed до тех пор, пока не будет стандартизировано поведение браузера.
Я предполагаю, что мой следующий вопрос будет, когда использовать префиксы поставщика? Являются ли значения одинаковыми для каждого свойства CSS, если я правильно использую префикс поставщика? – wallwalker
Если бы я хотел выполнить 'justify-content: flex-end;' мне нужно было бы сделать это для других префиксов поставщиков, таких как:. .flex-container { display: -webkit-box; дисплей: -moz-box; дисплей: -ms-flexbox; дисплей: -webkit-flex; дисплей: гибкий; -webkit-box-justify-content: flex-end; -moz-box-justify-content: flex-end; -ms-flex-justify-content: flex-end; -webkit-flex-justify-content: flex-end; justify-content: flex-end; ширина: 400 пикселей; высота: 250px; background-color: lightgrey; } '? – wallwalker
Это prefexes поставщика Это будет более понятно вам, когда вы поймете функциональность браузера. Фактически весь браузер работает на своих конкретных двигателях. Что бы ни писал синтаксис или функциональность CSS, эти механизмы отображают их поведение в браузере.
Webkit
является самым популярным браузером двигатель, который используется хром сафари и т.д. Таким образом, этот поставщик prefexes используется, чтобы сообщить браузеру, что свойства, которые CSS мы должны использовать.
http://stackoverflow.com/a/35137869/3597276 –