
warning in .vue?vue&type=style&index=0&id=1fae9af4&lang=scss&scoped=true&
Module Warning (from ./node_modules/postcss-loader/src/index.js):
Warning
(69:13) start value has mixed support, consider using flex-start instead
@ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-
@ ./src/router/index.js
@ ./src/main.js
@ ./src/router/index.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://10.161.2.108:8086/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
在網(wǎng)上看了些回答,都知道將start換成flex-start,至于原因嗎,有說寫法不規(guī)范,有的看到警告消失了就開心了,也有直接翻譯一下的:"開始值有混合支持,考慮使用flex-start代替。"
這個提示是關(guān)于CSS布局中對齊方式的警告。在某些情況下,使用start作為值來設(shè)置對齊方式可能會出現(xiàn)問題。建議使用flex-start代替start。
具體來說,start和end值是相對于元素初始位置或結(jié)束位置的偏移量。但是,在某些情況下,這些值可能無法正確地計算或處理,導(dǎo)致布局出現(xiàn)問題。而flex-start和flex-end則是相對于彈性容器的起始和結(jié)束位置的偏移量,因此更加可靠和穩(wěn)定。
使用start可能會出現(xiàn)什么問題?
當(dāng)元素的初始位置或結(jié)束位置無法正確計算或處理時,使用start值可能會導(dǎo)致布局出現(xiàn)問題。這通常是因為元素的大小、位置或父容器的尺寸不明確或者存在跨瀏覽器兼容性問題。
例如,如果一個元素的初始位置是絕對定位,但是它的父容器沒有設(shè)置寬度或高度,那么使用start值來設(shè)置對齊方式可能會出現(xiàn)問題。因為此時元素的起始位置無法確定,會導(dǎo)致對齊方式計算錯誤。
總結(jié)
juestify-content: flex-start; 這個才是王道