高雄榮民總醫院全球資訊網-許家瑀

網站

高雄榮民總醫院全球資訊網

姓名

許家瑀

日期

2017-11-18

瀏覽器解析度(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 跑

chrome

safari

有出現亂碼

有壞掉的連結

首頁>認識高榮>主題網站:「永續經營報告」 死

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

無|N/A

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

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

safari 和 chrome 的顯示不一樣

safari

chrome

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

建議行動版可提供麵包屑點選,即點選某一母項目後可看見如下圖所示,不然很多子項目都必須再重左上的檢所列重點,非常不方便!(正常網頁檢視模式無此問題)


第一個看到有「視覺輔助」按鈕的網站,有為不同狀況的民眾設想,很棒!


有針對網站自行設計網站滿意度調查,不錯!


首頁>認識高榮>組織架構>組織及規程:獨特的收拉設計

問題描述

可能原因

未針對寬度較小之 viewport 進行處理,當 viewport 區域較窄時,圖片自動換行排列造成的排版不美觀。

建議修改

可參考 flex box 進行排版

若不了解 flex box,可透過以下小遊戲進行了解

或閱讀 CSS-tricks 之相關文章

問題描述

可能原因

此為正常現象,針對 viewport 較小時,修改選單的陳現方式,使之容易操作(點選)亦是 RWD 設計的一環。