網站

國立臺灣文學館

姓名

劉佳慧

檢測日期

2018-04-30

檢測裝置

ASUS_Z01KDA

作業系統 與 瀏覽器版本

Android 8.0.0
Chrome版本：Chrome 65.0.3325.109

解析度（手機螢幕）

螢幕解析度 360x640 pixels

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

是

壞掉的連結

無

跑版（影響閱讀）問題

• 首頁> 最新消息> 新聞專區
  此區多處有圖片變形問題，圖片示意4月連假臺文館與民眾同樂
  解法回文連結
  

網址跑版

• 首頁> 最新消息> 新聞專區 : 臺文館「全國青少年編輯營─耕耘大地詩行」開始報名
• 首頁> 最新消息> 訊息快報 : 藍色星球•綠色大地－兒童自然文學主題系列活動
• 首頁> 活動訊息> 講座訊息 : 講座訊息多處內文有網址跑版問題，如新北現代詩展_教育推廣活動講座
  解法回文連結
  

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

無

出現亂碼

無

不能用的外掛程式（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>

補充：

(修正後之截圖)