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

ray 勞動部
,
#1

網站

工作生活平衡網

姓名

楊珣

檢測日期

2018-04-27

檢測裝置

Sony Xperia Ultra XA1

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本：Chrome 66.0.3359.117

解析度（手機螢幕）

360x640 pixels

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

是

壞掉的連結

跑版（影響閱讀）問題

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

無

出現亂碼

無

不能用的外掛程式（Flash、ActiveX、Applet、Silverlight、…）

無

網站載入緩慢（相對一般網站）

無

閱讀模式

使用anddroid系統

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

無

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

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

問題

可能原因

百分比導致，小於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

#3

問題

可能原因

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

#4

問題

可能原因

img寬度設死

建議修改

img width:100%;height:auto;

#5

問題

可能原因

直接使用文字易跑板

建議修改

建議將文字外包覆一層

#6

問題

可能原因

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