客家文化發展中心客家文化資產數位網-劉佳慧

網站

客家文化資產數位網

姓名

劉佳慧

檢測日期

2018-05-23

檢測裝置

ASUS_Z01KDA

作業系統 與 瀏覽器版本

Android 8.0.0
Chrome版本:Chrome 66.0.3359.158

解析度(手機螢幕)

螢幕解析度 360x640 pixels

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

壞掉的連結


跑版(影響閱讀)問題

解法回文連結

電腦行動版檢視image 手機檢視Screenshot_20180523-160349_1

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

出現亂碼

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

  • 首頁>文化亮點
    「敬天惜福」網站連結 -不支援的外掛程式
    「老屋開門,講古!」網站連結 -不支援的外掛程式
    「女兒針線情」網站連結 -不支援的外掛程式

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

閱讀模式

使用Android無閱讀模式

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

行動版 Screenshot_20180523-162757_1
網站版會顯示此篇沒有標註地點image

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

  • 蠻多故事的,可以了解客家文化,使用流暢

問題:

可能原因:

按鈕因應螢幕縮方垂直排列顯示,導致跑版。

原始程式:

1.圖片,位置:view-source:https://hakkaimpact.thcdc.hakka.gov.tw/pda/thcc_pda_m5_l.aspx?tp=13
41行

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left" width="1%"><img src="../images/pda_t7.gif" alt="客家蒐藏故事" /></td>
    <td align="right" width="99%"><img src="../images/pda_m5tag1.jpg" alt="故事地圖" /><a href="thcc_pda_m5_map.aspx"><img src="../images/pda_m5tag2b.jpg" alt="故事地圖" /></a></td>
  </tr>
</table>

建議修改:

增設置一行<td></td>,修改成一個td包一個按鈕,並更改欄位寬度百分比。

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
      <td align="left" width="50%"><img src="../images/pda_t7.gif" alt="客家蒐藏故事"></td>
      <td align="right" width="25%"><img src="../images/pda_m5tag1.jpg" alt="故事地圖"><a href="thcc_pda_m5_map.aspx"></a></td>
      <td align="right" width="25%"><img src="../images/pda_m5tag2b.jpg" alt="故事地圖"></td>
    </tr>
  </tbody>
</table>

補充:

(修正後之截圖)
26