iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 30
0
Modern Web

如何在前端開發流程中加入使用者經驗設計 - 以線上相簿為例系列 第 30

iPhone X

Apple 新推出的 iPhone X 有圓角的螢幕,以及特異的「瀏海」,如果沒有針對 iPhone X 優化的話,在 mobile Safari 上看網頁就會有白邊,這不是好的體驗。

幸好Apple提供了幾個新的CSS設定,可以讓網頁的底色延伸到螢幕邊緣,這樣看起來就好看多了。這些新的設定值是 padding 的 env(safe-area-inset-[direction]).
(未完)


上一篇
Polyfills
系列文
如何在前端開發流程中加入使用者經驗設計 - 以線上相簿為例30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言