MediaWiki討論:Common.css

卡片式布局、移動端優化

請求將該用戶:Dg/common.css里的代碼（全部）添加到全局css（直接複製黏貼到MediaWiki:Common.css的下方即可，不會影響現有的css結構）。

該css包括（.card 、.card-container 、@media (max-width: 00px) ）三個部分，其中（.card 、.card-container ）需搭配模板:Card使用，可以大幅改善WikiFur分類頁UI陳舊且閱讀困難的問題使其更加現代化，僅調用了card-container的頁面生效，不會影響其他頁面（使用說明書詳見模板:Card）。

並且在.card 、.card-container優化了瀏覽器性能並調用GPU加速，打開Wiki分類的頁面加載速度更快。

@media (max-width: 00px) 則是全局代碼，針對移動端和Pad端常見的大小（480px、768px、1024px）進行響應式布局，兼容絕大多數瀏覽器，在移動端和Pad端訪問更加符合用戶閱讀習慣，不會出現UI錯位的問題。

經過本人半個月的調試優化，確認無任何Bug等影響WikiFur穩定性的重大問題，對WikiFur來說是一次重大的升級迭代，故請求部署到MediaWiki:Common.css。

對該代碼抱有不確定/存疑的態度，可將用戶:Dg/common.css的代碼複製到自己用戶名下的commom.css下任意調試，用戶名下的/common.css僅對自己生效。或通過F12開發者控制台進行調試。--Dg（討論） 2025年4月19日 (六) 16:19 (HKT)