Barney's Notes

Appearance

疑難雜症 ​

本文件彙整開發過程中遇到的各種疑難雜症與解決方案,記錄問題發生的情境、原因分析及實際解決方法,協助快速解決類似問題。

檔案下載相關 ​

Content-Disposition 無法取得 ​

瀏覽器在下載檔案時無法正確取得 Content-Disposition header 中的檔案名稱資訊。

圖片處理相關 ​

圖片上傳、顯示與處理過程中遇到的常見問題。

圖片上傳後旋轉 ​

上傳的圖片在網頁中顯示時發生非預期的旋轉,與原始圖片方向不一致。

iOS 圖片高度異常 ​

在 iOS 裝置上顯示圖片時,高度計算或渲染出現異常,導致圖片變形或顯示不正確。

平台相容性問題 ​

特定平台或應用程式環境中的相容性問題。

Line 無法跳轉 Blob URL ​

在 Line 應用程式的內建瀏覽器中,無法正常開啟或跳轉使用 Blob URL 的連結。

Canvas 相關 ​

Safari Canvas Size 上限 ​

使用 html2canvas 將頁面轉成圖片時，若內容尺寸超過 Safari 的 canvas 面積上限，會出現空白截圖。

CSS 與版面相關 ​

Sticky Table Header 的邊框穿透問題 ​

對 <th> 加上 position: sticky 後，捲動時表頭底部邊框消失的成因與解法。

Tailwind sr-only 造成多餘 scrollbar ​

Tailwind 的 sr-only 因 position: absolute + margin: -1px 設計，當祖先沒有 positioned 元素時，會造成頁面出現非預期 scrollbar。