語法支援度問題

[ChiaYuSu]

我知道 CSS 某些語法好像在 Chrome 88 以下好像不支援。E.g. : aspect-ratio
我也有發現 tocas-ui 某些語法在 Chrome 88 以下不支援，所以反饋一下
我的測試環境是 Chrome 80.0.3987.99，有發現以下語法好像不支援

• ts-wrap 中間的間距會爛掉
• ts-row 中間的間距會爛掉
• image ratio 系列 is-1-by-1
• ts-rating 星星會爛掉

不知道這邊是之後會支援嗎，還是就不管他，一樣只支援 Chrome 88 以上
謝謝！

[YamiOdymel]

• .ts-wrap 跟 .ts-row 使用的是 Flexbox Gap，需要 Chrome 84+（2020/07/14 釋出）
• Aspect Ratio 使用的是 aspect-ratio，需要 Chrome 88+（2021/01/19 釋出）

.ts-rating 的話不確定你說的爛掉是什麼，那個好像沒特殊用法（但也有用到 Flexbox Gap），

主要是 Chrome 現在都會自己自動更新了，重新開啟會直接套用新版本，所以我也沒有特別在意這類的支援度。

 

以前的 Tocas 沒有用上 Gap，用的是很兩光的 Padding（內距）然後再透過 Margin（負外距）來假造出間隙的設計，

如果不用 aspect-ratio，要加上額外一層 <div> 然後也是透過操控內距什麼 padding-top: 65% 來偽造等比例尺寸。

這些都很慘不忍睹又難維護，我基本上不會想回去支援 😭

 

你的測試環境有什麼原因而不能升級 Chrome 嗎？像是內嵌在某些程式裡面的 Chromium 核心之類的？

[ChiaYuSu]

Ok 了解感謝
主要是開發一個工具
可能會有不少人使用
但又不太確定每個人的設備是否是最新的
所以有點尷尬@@

[YamiOdymel]

你的工具會是什麼類型？也許你可以考慮用 Electron 將那個網頁包起來，以執行檔的形式提供使用

這樣的話就能確保一定是現代的 Chrome 瀏覽器 🥲

[ChiaYuSu]

好哦，感謝提供方法
我沒用過 Electron，之後來試試看