IT之家注：垂直表單控件主要用于呈現(xiàn)豎排文字，雖然此前 CSS 已經(jīng)在書寫模式屬性中添加了豎排文字的支持，不過許多瀏覽器對(duì)表單控件 vertical-lr 和 vertical-rl 值都采用不同的標(biāo)準(zhǔn)，因此在先前的 Interop 2023 會(huì)議中，各廠商一致決定實(shí)現(xiàn)統(tǒng)一的垂直表單控件支持。
▲ 豎排文字示例在布局方面，目前 WebKit 中的表單控件大量使用自定義布局代碼，以在不同的環(huán)境和條件下保持一致和功能性，但此類布局代碼主要基于橫排模式設(shè)計(jì)，在豎排模式下會(huì)出現(xiàn)問題。
開發(fā)團(tuán)隊(duì)在 Safari 17.4 版本中改進(jìn)了相關(guān)代碼，在代碼計(jì)算邏輯寬度時(shí)會(huì)同時(shí)考慮豎排模式，同時(shí)也改進(jìn)了自定義基線調(diào)整邏輯功能，使復(fù)選框和單選按鈕等控件能與豎排文字相搭配。
開發(fā)人員重點(diǎn)談到了 macOS 平臺(tái) Safari 瀏覽器的改進(jìn)，由于 macOS 本身不支持豎排模式，例如 <progress> 等控制元件便無法直接在豎排模式下渲染，因此在 Safari 17.4 版本中，WebKit 會(huì)直接旋轉(zhuǎn)這些控件來支持豎排渲染。
不過有些擁有陰影的控件（例如 <select> ）無法單純通過旋轉(zhuǎn)來契合豎排模式，在遇到此類特定控件時(shí)，WebKit 便會(huì)為相關(guān)控件使用“特別的渲染邏輯”，從而兼容豎排渲染模式。
多用iPhone手機(jī)的寶子們都用不好自帶的Safari瀏覽器！ 覺得它沒有什么作用，但其實(shí)簡(jiǎn)單設(shè)置一下就能有各種實(shí)用功能！ ?今天就帶來幾個(gè)Safari瀏覽器的使用小技巧，記得收藏哦！
日，蘋果宣布推出Apple Maps網(wǎng)頁版地圖，目前Apple Maps為公測(cè)版，用戶可以直接通過瀏覽器訪問地圖。
蘋果表示，網(wǎng)頁版地圖目前僅支持英文，兼容Mac和iPad上的Safari和Chrome以及Windows PC的Chrome和Edge，未來將支持更多語言、瀏覽器和平臺(tái)。
據(jù)介紹，用戶可通過Apple Maps網(wǎng)頁版獲取駕車和步行路線，支持查找目的地信息，如照片、營業(yè)時(shí)間、評(píng)分和評(píng)論，用戶還能直接在地圖上訂餐。
使用Apple Maps網(wǎng)頁版，用戶還能瀏覽精選指南以探索全球各大城市的美食、購物和景點(diǎn)。
據(jù)悉，蘋果稱將在未來幾個(gè)月內(nèi)推出如“附近”之類的其他功能。
MapKit JS等開發(fā)者可以在自己的網(wǎng)站或App中嵌入Apple Maps網(wǎng)頁版，為興趣點(diǎn)添加注釋，讓用戶獲取駕車路線、查看詳細(xì)地點(diǎn)信息等。