臺北榮民總醫院桃園分院-許家瑀

網站

臺北榮民總醫院桃園分院

姓名

許家瑀

日期

2017-11-08

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

iPad Pro
1366 * 768

作業系統版本

iOS 11.1 (15B93)
window 10(1703)

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

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

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

首頁>病人安全專區>病人滿意度調查:表格跑掉(google. safari皆是)

有跑版(影響閱讀)問題

banner欄設計缺失 (google. safari皆是)
整個網頁

首頁>政風廉能專區

另,兩者頁面使用不同設計樣板,是否該進行統一(?)


safari多處頁面會有小超框的問題(google無)
範例


首頁>政風廉能專區:google 「回上一則」字樣跑掉(safari無問題)

有出現亂碼

有壞掉的連結

首頁>便民服務>線上問卷調查:所有的調查分頁似乎都是空白頁面(?)(google.safari皆是)


首頁>便民服務>相關連結-首頁連結:「退輔會榮民醫療體系」網站連結掛點

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

無|N/A

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

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

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

文章的上/下一則會顯示標題文字,非常實用清楚且便民!


臺北榮民總醫院桃園分院主頁政風廉能專區 看是不是網頁樣式要進行統一

問題描述

可能原因

從該頁面原始碼可發現使用了大量表格進行排版,而針對 image 為設定 max-width 導致 圖片超出可使用的版面範圍時會直接炸出去。

建議修改

移除無意義的表格排版,針對 img 設定 max-width

問題描述

可能原因

該區域使用 Table 進行製作,並按鈕外觀之圖片為儲存格背景,因此只要儲存格高度不符圖片高度…

而儲存格高度

建議修改

改以其他方式進行實作…

例如(請直接開到 Codepen 看)

問題描述

可能原因

未針對 RWD 進行處理

問題描述

可能原因

預留之寬度不足,導致換行
每一家瀏覽器對於內容繪製時估算會略有差異,現代網頁為求一致性,會使用 normalize.css