國立臺灣文學館-劉佳慧

網站

國立臺灣文學館

姓名

劉佳慧

檢測日期

2018-04-30

檢測裝置

ASUS_Z01KDA

作業系統 與 瀏覽器版本

Android 8.0.0
Chrome版本:Chrome 65.0.3325.109

解析度(手機螢幕)

螢幕解析度 360x640 pixels

是否會自動跳入行動版欄位?

壞掉的連結


跑版(影響閱讀)問題

網址跑版


無法操作的網頁元素(如按鈕不能按、選單不能選等)

出現亂碼

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

網站載入緩慢(相對一般網站)

閱讀模式

使用Android無閱讀模式

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

對此網站建議(非程式問題皆放置這裡)

除內文網址容易跑版外,網站沒有太多問題,且有很多活動資訊,感覺有用心在維護,很棒

問題:

可能原因:

圖片長寬設為固定數值,導致螢幕縮放時圖片變形。

原始程式:

位置:view-source:https://www.nmtl.gov.tw/information_121_81692.html
77行

<img style="max-width: 100%;" alt="小貓巴克里造訪臺文館與民眾合影.jpg" src="https://mocfile.moc.gov.tw/files/201804/30909dda-7458-4e86-985d-bf329b6ca254.jpg" data-mce-src="https://mocfile.moc.gov.tw/files/201804/30909dda-7458-4e86-985d-bf329b6ca254.jpg" data-mce-style="max-width: 100%;" width="641" height="427">

建議修改:

將圖片長寬固定數值刪除。

<img style="max-width: 100%;" alt="小貓巴克里造訪臺文館與民眾合影.jpg" src="https://mocfile.moc.gov.tw/files/201804/30909dda-7458-4e86-985d-bf329b6ca254.jpg" data-mce-src="https://mocfile.moc.gov.tw/files/201804/30909dda-7458-4e86-985d-bf329b6ca254.jpg" data-mce-style="max-width: 100%;">

補充:

(修正後之截圖)

問題:

可能原因:

超連結為連續英文字串,無法自動換行。

原始程式:

位置:view-source:https://www.nmtl.gov.tw/information_121_82510.html
77行

<span>https://event.culture.tw/NMTL/portal/Index/IndexAction</span>

建議修改:

將超連結標籤中加入style="word-break: break-all;"

<span style="word-break: break-all;">https://event.culture.tw/NMTL/portal/Index/IndexAction</span>

補充:

(修正後之截圖)