工作生活平衡網-盧苡萱

已檢查
第a組
ios

#1

網站

工作生活平衡網

姓名

盧苡萱

檢測日期

2018-05-02

檢測裝置

iphone7

作業系統 與 瀏覽器版本

iOS11.2

解析度(手機螢幕)

375x667

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

壞掉的連結

跑版(影響閱讀)問題

文字跑版 (解法回文連結)


表格跑版 (解法回文連結)


圖片跑版 (解法回文連結)

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

出現亂碼

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

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

閱讀模式

不可以用

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

內容顯示不出來 (解法回文連結)

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

每開一個新的網頁都有太多重複的資訊放在上面


#2

問題:

原始程式:

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

建議修改:

已測試,非程式問題


問題:

可能原因:

表格寬度被寫死

原始程式:

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

<table border="0" cellpadding="0" cellspacing="0" style="width: 500px; text-align: left; background-color: rgb(251, 216, 181);">......</table>

建議修改:

刪除寬度限制

<table border="0" cellpadding="0" cellspacing="0" style="text-align: left; background-color: rgb(251, 216, 181);">......</table>

補充:


問題:

可能原因:

margin設置錯誤

原始程式:

位置:https://wlb.mol.gov.tw/Page/css/content.css :1

.main-container_inner ul:not(.dateui) {
	list-style-type: none;
	margin-left: -40px;
	margin-top: 0;
	padding: 0 20px;
}

建議修改:

刪除margin-left屬性

.main-container_inner ul:not(.dateui) {
	list-style-type: none;
	margin-top: 0;
	padding: 0 20px;
}

補充:


#3

問題:

可能原因:

文字沒有自動換行

原始程式:

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

建議修改:

在css中加上word-break屬性

li{word-break:break-word;}

補充:


問題:

可能原因:

表格寬度被寫死

原始程式:

以 首頁> 員工協助方案> 特定對象協助> 家暴受害員工> 公司如何協助遭受家庭暴力同仁? 為例
位置:https://wlb.mol.gov.tw/Page/Content.aspx?id=452 :350

<table cellspacing="0" cellpadding="2" summary="協助資源" border="0" style="width: 630px">......</table>

建議修改:

刪除寬度限制

<table cellspacing="0" cellpadding="2" summary="協助資源" border="0">......</table>

補充:


問題:

原始程式:

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

建議修改:

已測試,問題無法複現

補充:


#4

問題:

可能原因:

圖片寬度被寫死

原始程式:

以 首頁> 工作與生活平衡> 企業推動工作生活平衡第一步 為例
位置:https://wlb.mol.gov.tw/Page/Content.aspx?id=24 :288

<img alt="企業推動工作生活平衡步驟" src="/upl/ckeditor/files/wmng/image000.png" style="width: 499px;height: 492px;" title="企業推動工作生活平衡步驟">

建議修改:

刪除長寬限制並加上max-width屬性

<img alt="企業推動工作生活平衡步驟" src="/upl/ckeditor/files/wmng/image000.png" style="max-width: 100%" title="企業推動工作生活平衡步驟">

補充:


問題:

可能原因:

圖片長寬被寫死

原始程式:

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

<img alt="" src="/upl/ckeditor/files/wmng/董事長及總經理下午茶有約.jpg" style="width: 560px; height: 420px;">

建議修改:

<img alt="" src="/upl/ckeditor/files/wmng/董事長及總經理下午茶有約.jpg" style="width: 100%;max-width: 560px;">

補充:


#5

問題:

可能原因:

連結錯誤

原始程式:

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

<iframe title="fm01" class="youtube-player" height="373" src="http://www.youtube.com/embed/wh9j4kVuQZw" frameborder="0" width="400" type="text/html"></iframe>

建議修改:

正確網址應為 https://www.youtube.com/embed/wh9j4kVuQZw

<iframe title="fm01" class="youtube-player" src="https://www.youtube.com/embed/wh9j4kVuQZw" frameborder="0" type="text/html" style="width:100%;max-width:400px"></iframe>

補充:

結尾:

可以套用bootstrap模板

<div class="embed-responsive embed-responsive-4by3">
	<iframe title="fm01" class="youtube-player embed-responsive-item" src="https://www.youtube.com/embed/wh9j4kVuQZw" frameborder="0" type="text/html"></iframe>
</div>