國立歷史博物館官網-許家瑀

網站

國立歷史博物館官網

姓名

許家瑀

日期

2017-11-12

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

iPad Pro
1366 * 768

作業系統版本

iOS 11.1 (15B93)
window 10(1703)

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

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

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

有跑版(影響閱讀)問題

網頁:版型有問題 (safari+chrome)


首頁>文創> 商品選購 > 商品展示:沒有排列完全


首頁>服務 > 服務信箱-進度查詢:safari跑掉

有出現亂碼

有壞掉的連結

首頁>學習>考古探險-歷史考古:花蓮港口遺址

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

首頁>學習>主題網站:safari 皆無 flash
千古一草聖-于右任的書法世界
唐三彩探險之旅
節氣新生活
古今香藝文化

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

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

首頁>參觀下的項目,字的顏色在safari上對使用者很不友善
1.safari

2.chrome

↓↓↓↓:相同問題
首頁>展覽>館藏展>1F 石雕走廊
首頁>學習> 出版品 > 館刊稿約
首頁>學習> 出版品>代銷書局
首頁>文創> 史博文創 >架構與特色
首頁>文創> 史博文創 >公益文創
首頁>文創> 史博文創 >相關規定
首頁>服務 > 服務導引
首頁>服務 > 常見問答
首頁>服務 > 政府資訊公開
首頁>服務 > 性別平等專區
首頁>服務 > 志工服務
首頁>關於> 本館沿革
首頁>關於> 姊妹館
首頁>其他服務


首頁>展覽>館藏展>1F 石雕走廊:正常chrome與調整後chrome+safari 按鈕不同

  1. 正常chrome
  2. 調整chrome+safari

首頁>展覽>行動博物館>酷獸來了-真實與想像的奇幻體驗:相同問題

  1. 正常chrome
  2. 調整chrome+safari

首頁>學習>歷史年表:相同問題


***網站多處都具有以上ipad+更改後chorme按鈕為子項目。


首頁>學習>出版品:調整後chrome+safari 分類與正常chrome不同 (少出版品搜尋)
1.正常chrome

2.調整chrome

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

在樓層導覽處直接連結了相關展覽資訊,對於展覽的曝光及觸及率更大為提升!讚~


節目大標的排版盡量在同一行會更加!
例1:
例2:


首頁>學習>歷史年表希望年代點入後依舊照年代順序排列,才不會導致一些年代順序不清楚的朋友錯亂 (調整後chrome+safari才有此問題)


如上的問題:建議點選的按鈕不必跑到最前面容易造成混亂(多處有此問題!!!)
範例-原順序:
範例-點選後:


首頁>文創> 商品選購 > 商品展示;有些商品有「前往購物」按鈕,有些沒有。建議盡量統一!


首頁>文創>活動參與:項目下的四個子項目日期都有點久遠~是不是很久沒有辦活動了呢>< 還是忘記更新~~><

問題描述

可能原因

上方橫幅 RWD 設計未考慮 Viewport 較小的平板裝置(如 iPad)

建議修改

div.bannerout 限定最大寬度為 100% 的 viewport 寬度

.bannerout {
    max-width: 100vw;
}

問題描述

可能原因

RWD 未考慮 viewport 寬度小於 1280 的平板裝置(如 iPad),在此類裝置下商品展示區域的寬度僅有768,三項商品就超過768px了

可考慮使用 flex box 修改…

關於 flex box 可以參考 http://flexboxfroggy.com/

#問題描述

複檢結果

未檢出

問題描述

可能原因

因為字重問題 … Orz…