交通部臺灣鐵路管理局-許家瑀

網站

交通部臺灣鐵路管理局

姓名

許家瑀

日期

2017-11-19

瀏覽器解析度(iOS的Safari填裝置名稱 macOS填瀏覽器解析度)

iPad Pro
1366 * 768

作業系統版本

iOS 11.1 (15B93)
window 10(1703)

瀏覽器版本(iOS的Safari填iOS版本)

Chrome:版本 62.0.3202.94 (正式版本) (64 位元)
Safari:版本 11.1

有發現表格排版影響閱讀問題(大量table爆炸可以截示意圖列出位置就好)

有跑版(影響閱讀)問題

列車時刻查詢:safari無RWD


HOME > 旅客服務 > 自我安全防護:超框


阿里山森林鐵道:safari微超版

有出現亂碼

有壞掉的連結

有不能用的外掛程式(ActiveX、Applet、Flash、Silverlight、…)

HOME > 旅客服務 > 自我安全防護:safari+chrome皆無


HOME > 車站專區 > 運務段/車站專區:safari 無 flash


HOME > 關於臺鐵 > 產學合作-產學合作計畫:safari 無 flash

有不能運作的網頁元素(如按鈕不能按、選單不能選等)

其他(無法判斷屬於以上那個分類的都放在這邊)

阿里山森林鐵道 > 時刻表 > 森鐵郵輪行程:safari 照片變橫的

對此網站建議(給個建議吧)

提供的照片建議可以點選放大來詳細檢視。


辦理多樣的郵輪旅遊行程,很用心將服務連結業務!

問題描述

可能原因

iPad 上的 safari 並不支援讀取 EXIF 資訊對照片做自動旋轉,該照片 EXIF 資訊如下

建議在照片放置於網站時可預先進行以下處理

  1. 讀取 EXIF 資訊,將照片預先轉向
  2. 移除 EXIF 資訊
  3. 考量流量與使用情境進行適度的壓縮(圖片解析度/大小等)
    • 若作為相簿圖庫,在兼顧照片品質下,進行適度壓縮
    • 若作為網頁底圖、插圖等素材性質,則力求檔案最小化,此外亦需考慮 retina 裝置上的顯示效果,來實作針對不同解析度的裝置顯示不同解析度品質的影像。

關於不同像素密度的裝置載入不同品質的圖片實作可以參考