勞動部工作生活平衡網--楊珣

網站

工作生活平衡網

姓名

楊珣

檢測日期

2018-04-27

檢測裝置

Sony Xperia Ultra XA1

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本:Chrome 66.0.3359.117

解析度(手機螢幕)

360x640 pixels

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

壞掉的連結


跑版(影響閱讀)問題






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

出現亂碼

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

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

閱讀模式

使用anddroid系統

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

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

  • 需要改進的地方
  • 覺得棒棒的地方
  • 1.有外部連結時,會做清楚的標示。

問題

可能原因

百分比導致,小於100px的元素建議使用固定px值

原始程式

位置:
https://wlb.mol.gov.tw/Page/index.aspx:200

<a class="more" href="News.aspx" title="更多重要訊息" style="width:12%">更多重要訊息</a>

建議修改

將width定死

<a class="more" href="News.aspx" title="更多重要訊息" style="width:50px">更多重要訊息</a>

補充

11

問題

可能原因

table overflow 多的被吃掉了

原始程式

位置:
https://wlb.mol.gov.tw/Page/Content.aspx?id=121:307

<div>
<table align="left" border="1" cellpadding="1" cellspacing="1" style="width:600px;">
........

建議修改

將table外部div加上overflow-x:auto;語法

<div style="overflow-x:auto;">
<table align="left" border="1" cellpadding="1" cellspacing="1" style="width:600px;">
........

補充

20

問題

可能原因

img寬度設死

建議修改

img width:100%;height:auto;

問題

可能原因

直接使用文字易跑板

建議修改

建議將文字外包覆一層

問題

可能原因

iframe寬度

原始程式

位置:
https://wlb.mol.gov.tw/Page/Content.aspx?id=281:302

<p><iframe title="fm01" class="youtube-player" height="315" src="//www.youtube.com/embed/F0CI9yOjhLQ" frameborder="0" width="420" type="text/html" allowfullscreen=""></iframe></p>

建議修改

將iframe得寬度設定為100%

<p><iframe title="fm01" class="youtube-player" height="315" src="//www.youtube.com/embed/F0CI9yOjhLQ" frameborder="0" width="100%" type="text/html" allowfullscreen=""></iframe></p>

補充

08