Magento 2のlibドキュメントには、次のものが含まれています。
@ media-common：true | false-共通のスタイルを出力するかどうかを設定します。使用する必要があるいくつかのスタイルを追加するたびに一般的なスタイルの場合
& when (@media-common = true) {
your styles
}これを使用することとそれなしでLessを書くことの違いは何ですか？といった：
& when (@media-common = true) {
body {
background: blue;
}
}それはどのようにコンパイルされますか？
body {
background: blue;
}styles-l.cssとstyles-m.cssに関係なく出力されませんか？
回答:
Magento 2はMobile Firstアプローチに従い、@ media-common = trueは、ベース（モバイル）であり、に存在する必要があるスタイルを定義するために設計されましたstyles-m.css。この宣言をドロップすると、スタイルはstyles-m.cssとstyles-l.cssファイルの両方に出力されます。
styles-l.lessのみ使用されます。したがってfalse、カスタムのスタンドアロンのcssファイルでない限り、誰かが意図的にそれを設定することはないと思います。ちなみに、バックエンドスタイルでは、@ media-commonを使用するか、すべてのスタイルが単一のcssファイルにあるため、その宣言を削除できます。
styles-l.less、magentoがを追加するため、のすべてのスタイルがstyles-m.less引き続き適用されるので、media-common：true外のコードが両方のファイルに追加されるのはなぜですか？
styles-l.lessとをstyles-m.less。media-common：trueを使用すると、style-mでスタイルが出力されますが、実際にはモバイルとデスクトップの両方に適用されます。確認するために、今すぐ確認します。