Bramus 學校 Jake 會談論瀏覽器中的所有可視區域。如果你有位置固定、vW 單位或高度:100% 的版面配置問題,或許我們能在本集節目中說明原因。
章節:
- 00:00 - 古洛道
- 00:17 - 簡介
- 01:03 - 電腦瀏覽器 / 版面配置可視區域
- 05:33 - The ICB
- 12:51 - 可視區域單元
- 16:07 - 雙指撥動縮放 / 視覺化可視區域
- 19:29 - 行動瀏覽器上的版面配置可視區域、ICB 和視覺可視區域
- 23:30 - 大、小、動態可視區域
- 28:35 - 可視區域及與 ICB 的關係
- 30:25 - 手機在可編輯區域受到焦點時,調整行為的大小 (在行動裝置上)
- 36:01 - 虛擬鍵盤 API
- 38:44 - 深入瞭解我的水晶球
- 42:04 - 2022 年可視度調查工作
- 43:20 - 末日
資源:
- 大型、小型和動態檢視點 → https://goo.gle/3qxhne7
- 使用 VirtualKeyboard API 禁止隱藏內容 → https://goo.gle/3U9rl2X
- 2022 年互通性 2022 年 Viewport 調查實作練習 → https://goo.gle/3DhBHYN
- 2022 年互通性檢視點調查工作頁面 → https://goo.gle/3BDcuqy
- CSSWG 可視區域大小調整行為及位置相關問題 → https://goo.gle/3QJe12q
規格:
- (版面配置) 可視區域定義 (CSS2 規格) → https://goo.gle/3DlfjxG
- 包含區塊定義 (CSS2 規格) → https://goo.gle/3Dl9hwN
- 可視區域相對長度 (CSS 值 4 規格) → https://goo.gle/3ddLwvZ
- 視覺化可視區域 (MDN) → https://goo.gle/3L9PsKU
- Visual Viewport API (CSSOM 規格) → https://goo.gle/3qvAJk2
- 可視區域變化版本 (CSS 值 4 規格) → https://goo.gle/3U7Wd3M
- 虛擬鍵盤規格 → https://goo.gle/3qzq7R2
HTTP 203 系列影片更多影片 → http://goo.gle/HTTP203 按這裡訂閱 Google Chrome 開發人員 → https://goo.gle/ChromeDevs
此外,如果你喜歡這個 Podcast,可能會喜歡 HTTP203 Podcast → https://goo.gle/HTTP203Podcast