勞工健康照護資訊平台-盧苡萱

網站

勞工健康照護資訊平台

姓名

盧苡萱

檢測日期

2018-05-22

檢測裝置

iphone7

作業系統 與 瀏覽器版本

iOS11.2

解析度(手機螢幕)

375x667

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

壞掉的連結


跑版(影響閱讀)問題

文字跑版


網站跑版


表格跑版

solution


圖片跑版

圖片跑版部分請都參考solution

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

按鈕不能按

出現亂碼

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

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

閱讀模式

部分可以用

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

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

2. 選日期有很多好用的工具e.g. datepicker.

5. 網站安全性有問題,憑證沒問題但有link 有問題的script

6. 首頁的圖片,寬度寫死外面沒用RWD包,不符合RWD原則

7. 圖片寬度請不要寫死,表格不想重寫可在父層加overflow: scroll;暫時取代

跑版問題嚴重


開新視窗建議在旁邊標注


字直接切在邊邊,讓人覺得不太舒服,建議增加邊框


按下去會下載檔案,應有標示

問題:

可能原因:

原始程式:

@media only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 768px)
.listTb table td {
    border: none;
    border-bottom: 1px solid #ccc;
    position: relative;
    padding-left: 17%;
}
@media only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 768px)
.listTb td:before, .epaperTb td:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 15%;
    height: auto;
    text-align: right;
    padding: 6px;
    display: inline-block;
    white-space: nowrap;
    font-weight: bold;
    color: #000;
}

建議修改:

15%, 17%看起來不太好,20%, 22%還不錯,但還是建議不要這樣寫啦QAQ

補充

結尾(選填,可增加網站建議)

首頁>資訊分享>臨場服務常見問題(臨場服務常見問題下的所有子項目都有這個問題,僅列出一個做為代表# 問題:

可能原因:

原始程式:

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 新細明體;
    font-weight: 600!important;
    line-height: 0.8!important;
    color: inherit !important;
}

建議修改:

delete line-height.
If you need that attribute some where else. Please write them distributed.

補充

結尾(選填,可增加網站建議)

問題:

可能原因:

原始程式:

<tr>
                        <td>
                            <label for="from">
                                <label for="ContentPlaceHolder1_sfrom" id="ContentPlaceHolder1_Label3">時間:</label></label>
                            <input name="ctl00$ContentPlaceHolder1$sfrom" type="text" id="ContentPlaceHolder1_sfrom" title="請輸入西元年,範例如:2015/01/01">
                            
                        </td>
                        <td>
                            <label for="to">
                                ~</label>
                            <input name="ctl00$ContentPlaceHolder1$eto" type="text" id="ContentPlaceHolder1_eto" title="請輸入西元年,範例如:2015/01/06">
                            
                        </td>
                        <td>
                            <label for="ContentPlaceHolder1_txtKeyWord" id="ContentPlaceHolder1_Label4">關鍵字:</label>
                            <input name="ctl00$ContentPlaceHolder1$txtKeyWord" type="text" id="ContentPlaceHolder1_txtKeyWord" title="請輸入關鍵字">
                            <input type="image" name="ctl00$ContentPlaceHolder1$kySearch" id="ContentPlaceHolder1_kySearch" align="top" src="../../images_ch/search-button02.png" alt="搜尋">
                        </td>
                    </tr>

建議修改:

<tr>
                        <td style="
    width:  30%;
">
                            <label for="from">
                                <label for="ContentPlaceHolder1_sfrom" id="ContentPlaceHolder1_Label3">時間:</label></label>
                            <input name="ctl00$ContentPlaceHolder1$sfrom" type="text" id="ContentPlaceHolder1_sfrom" title="請輸入西元年,範例如:2015/01/01" style="
    width: 100%;
">
                            
                        <div id="sfrom_container" class="ajax__calendar"><div id="sfrom_popupDiv" class="ajax__calendar_container" style="visibility: hidden; position: absolute; left: 0px; top: 448px; display: none;"><div id="sfrom_header" class="ajax__calendar_header"><div><div id="sfrom_prevArrow" class="ajax__calendar_prev"></div></div><div><div id="sfrom_nextArrow" class="ajax__calendar_next"></div></div><div><div id="sfrom_title" class="ajax__calendar_title">May, 2018</div></div></div><div id="sfrom_body" class="ajax__calendar_body"><div id="sfrom_days" class="ajax__calendar_days"><table id="sfrom_daysTable" cellpadding="0" cellspacing="0" border="0" style="margin: auto;"><thead id="sfrom_daysTableHeader"><tr id="sfrom_daysTableHeaderRow"><td><div class="ajax__calendar_dayname">Su</div></td><td><div class="ajax__calendar_dayname">Mo</div></td><td><div class="ajax__calendar_dayname">Tu</div></td><td><div class="ajax__calendar_dayname">We</div></td><td><div class="ajax__calendar_dayname">Th</div></td><td><div class="ajax__calendar_dayname">Fr</div></td><td><div class="ajax__calendar_dayname">Sa</div></td></tr></thead><tbody id="sfrom_daysBody"><tr><td class="ajax__calendar_other"><div id="sfrom_day_0_0" class="ajax__calendar_day" title="Sunday, April 29, 2018">29</div></td><td class="ajax__calendar_other"><div id="sfrom_day_0_1" class="ajax__calendar_day" title="Monday, April 30, 2018">30</div></td><td><div id="sfrom_day_0_2" class="ajax__calendar_day" title="Tuesday, May 01, 2018">1</div></td><td><div id="sfrom_day_0_3" class="ajax__calendar_day" title="Wednesday, May 02, 2018">2</div></td><td><div id="sfrom_day_0_4" class="ajax__calendar_day" title="Thursday, May 03, 2018">3</div></td><td><div id="sfrom_day_0_5" class="ajax__calendar_day" title="Friday, May 04, 2018">4</div></td><td><div id="sfrom_day_0_6" class="ajax__calendar_day" title="Saturday, May 05, 2018">5</div></td></tr><tr><td><div id="sfrom_day_1_0" class="ajax__calendar_day" title="Sunday, May 06, 2018">6</div></td><td><div id="sfrom_day_1_1" class="ajax__calendar_day" title="Monday, May 07, 2018">7</div></td><td><div id="sfrom_day_1_2" class="ajax__calendar_day" title="Tuesday, May 08, 2018">8</div></td><td><div id="sfrom_day_1_3" class="ajax__calendar_day" title="Wednesday, May 09, 2018">9</div></td><td><div id="sfrom_day_1_4" class="ajax__calendar_day" title="Thursday, May 10, 2018">10</div></td><td><div id="sfrom_day_1_5" class="ajax__calendar_day" title="Friday, May 11, 2018">11</div></td><td><div id="sfrom_day_1_6" class="ajax__calendar_day" title="Saturday, May 12, 2018">12</div></td></tr><tr><td><div id="sfrom_day_2_0" class="ajax__calendar_day" title="Sunday, May 13, 2018">13</div></td><td><div id="sfrom_day_2_1" class="ajax__calendar_day" title="Monday, May 14, 2018">14</div></td><td><div id="sfrom_day_2_2" class="ajax__calendar_day" title="Tuesday, May 15, 2018">15</div></td><td><div id="sfrom_day_2_3" class="ajax__calendar_day" title="Wednesday, May 16, 2018">16</div></td><td><div id="sfrom_day_2_4" class="ajax__calendar_day" title="Thursday, May 17, 2018">17</div></td><td><div id="sfrom_day_2_5" class="ajax__calendar_day" title="Friday, May 18, 2018">18</div></td><td><div id="sfrom_day_2_6" class="ajax__calendar_day" title="Saturday, May 19, 2018">19</div></td></tr><tr><td><div id="sfrom_day_3_0" class="ajax__calendar_day" title="Sunday, May 20, 2018">20</div></td><td><div id="sfrom_day_3_1" class="ajax__calendar_day" title="Monday, May 21, 2018">21</div></td><td><div id="sfrom_day_3_2" class="ajax__calendar_day" title="Tuesday, May 22, 2018">22</div></td><td><div id="sfrom_day_3_3" class="ajax__calendar_day" title="Wednesday, May 23, 2018">23</div></td><td><div id="sfrom_day_3_4" class="ajax__calendar_day" title="Thursday, May 24, 2018">24</div></td><td><div id="sfrom_day_3_5" class="ajax__calendar_day" title="Friday, May 25, 2018">25</div></td><td><div id="sfrom_day_3_6" class="ajax__calendar_day" title="Saturday, May 26, 2018">26</div></td></tr><tr><td><div id="sfrom_day_4_0" class="ajax__calendar_day" title="Sunday, May 27, 2018">27</div></td><td><div id="sfrom_day_4_1" class="ajax__calendar_day" title="Monday, May 28, 2018">28</div></td><td><div id="sfrom_day_4_2" class="ajax__calendar_day" title="Tuesday, May 29, 2018">29</div></td><td><div id="sfrom_day_4_3" class="ajax__calendar_day" title="Wednesday, May 30, 2018">30</div></td><td><div id="sfrom_day_4_4" class="ajax__calendar_day" title="Thursday, May 31, 2018">31</div></td><td class="ajax__calendar_other"><div id="sfrom_day_4_5" class="ajax__calendar_day" title="Friday, June 01, 2018">1</div></td><td class="ajax__calendar_other"><div id="sfrom_day_4_6" class="ajax__calendar_day" title="Saturday, June 02, 2018">2</div></td></tr><tr><td class="ajax__calendar_other"><div id="sfrom_day_5_0" class="ajax__calendar_day" title="Sunday, June 03, 2018">3</div></td><td class="ajax__calendar_other"><div id="sfrom_day_5_1" class="ajax__calendar_day" title="Monday, June 04, 2018">4</div></td><td class="ajax__calendar_other"><div id="sfrom_day_5_2" class="ajax__calendar_day" title="Tuesday, June 05, 2018">5</div></td><td class="ajax__calendar_other"><div id="sfrom_day_5_3" class="ajax__calendar_day" title="Wednesday, June 06, 2018">6</div></td><td class="ajax__calendar_other"><div id="sfrom_day_5_4" class="ajax__calendar_day" title="Thursday, June 07, 2018">7</div></td><td class="ajax__calendar_other"><div id="sfrom_day_5_5" class="ajax__calendar_day" title="Friday, June 08, 2018">8</div></td><td class="ajax__calendar_other"><div id="sfrom_day_5_6" class="ajax__calendar_day" title="Saturday, June 09, 2018">9</div></td></tr></tbody></table></div><div id="sfrom_months" class="ajax__calendar_months" style="display: none; visibility: hidden;"><table id="sfrom_monthsTable" cellpadding="0" cellspacing="0" border="0" style="margin: auto;"><tbody id="sfrom_monthsBody"><tr><td><div id="sfrom_month_0_0" class="ajax__calendar_month"><br>Jan</div></td><td><div id="sfrom_month_0_1" class="ajax__calendar_month"><br>Feb</div></td><td><div id="sfrom_month_0_2" class="ajax__calendar_month"><br>Mar</div></td><td><div id="sfrom_month_0_3" class="ajax__calendar_month"><br>Apr</div></td></tr><tr><td><div id="sfrom_month_1_0" class="ajax__calendar_month"><br>May</div></td><td><div id="sfrom_month_1_1" class="ajax__calendar_month"><br>Jun</div></td><td><div id="sfrom_month_1_2" class="ajax__calendar_month"><br>Jul</div></td><td><div id="sfrom_month_1_3" class="ajax__calendar_month"><br>Aug</div></td></tr><tr><td><div id="sfrom_month_2_0" class="ajax__calendar_month"><br>Sep</div></td><td><div id="sfrom_month_2_1" class="ajax__calendar_month"><br>Oct</div></td><td><div id="sfrom_month_2_2" class="ajax__calendar_month"><br>Nov</div></td><td><div id="sfrom_month_2_3" class="ajax__calendar_month"><br>Dec</div></td></tr></tbody></table></div><div id="sfrom_years" class="ajax__calendar_years" style="display: none; visibility: hidden;"><table id="sfrom_yearsTable" cellpadding="0" cellspacing="0" border="0" style="margin: auto;"><tbody id="sfrom_yearsBody"><tr><td><div id="sfrom_year_0_0" class="ajax__calendar_year"></div></td><td><div id="sfrom_year_0_1" class="ajax__calendar_year"></div></td><td><div id="sfrom_year_0_2" class="ajax__calendar_year"></div></td><td><div id="sfrom_year_0_3" class="ajax__calendar_year"></div></td></tr><tr><td><div id="sfrom_year_1_0" class="ajax__calendar_year"></div></td><td><div id="sfrom_year_1_1" class="ajax__calendar_year"></div></td><td><div id="sfrom_year_1_2" class="ajax__calendar_year"></div></td><td><div id="sfrom_year_1_3" class="ajax__calendar_year"></div></td></tr><tr><td><div id="sfrom_year_2_0" class="ajax__calendar_year"></div></td><td><div id="sfrom_year_2_1" class="ajax__calendar_year"></div></td><td><div id="sfrom_year_2_2" class="ajax__calendar_year"></div></td><td><div id="sfrom_year_2_3" class="ajax__calendar_year"></div></td></tr></tbody></table></div></div><div><div id="sfrom_today" class="ajax__calendar_footer ajax__calendar_today">今天:  May 27, 2018</div></div></div></div></td>
                        <td class="__web-inspector-hide-shortcut__" style="
    width: 30%;
">
                            <label for="to">
                                ~</label>
                            <input name="ctl00$ContentPlaceHolder1$eto" type="text" id="ContentPlaceHolder1_eto" title="請輸入西元年,範例如:2015/01/06" style="
    width: 100%;
">
                            
                        </td>
                        <td style="
    width: 30%;
">
                            <label for="ContentPlaceHolder1_txtKeyWord" id="ContentPlaceHolder1_Label4">關鍵字:</label>
                            <input name="ctl00$ContentPlaceHolder1$txtKeyWord" type="text" id="ContentPlaceHolder1_txtKeyWord" title="請輸入關鍵字" style="
    width: 100%;
">
                            <input type="image" name="ctl00$ContentPlaceHolder1$kySearch" id="ContentPlaceHolder1_kySearch" align="top" src="../../images_ch/search-button02.png" alt="搜尋">
                        </td>
                    </tr>

補充

  1. 還是建議你重寫
  2. 選日期有很多好用的工具e.g. datepicker.
  3. 少用inline CSS 或是為了一時方便任意加attribute
  4. 少用!important 改掉別人寫好的東西
  5. 網站安全性有問題,憑證沒問題但有link 有問題的script
  6. 首頁的圖片太隨便,寬度寫死外面沒用RWD包,完全不符合RWD原則

結尾(選填,可增加網站建議)

問題:

可能原因:

表格寬度固定&網址沒換行

原始程式:

1

<table border="1" cellpadding="6" cellspacing="0" style="box-sizing: border-box; border-spacing: 0px; font-family: Arial, MingLiu; word-spacing: 5px;" width="600px">
<a href="https://www.beclass.com/rid=213edba5acc5f63cdbae">https://www.beclass.com/rid=213edba5acc5f63cdbae</a>

建議修改:

1

<table border="1" cellpadding="6" cellspacing="0" style="box-sizing: border-box; border-spacing: 0px; font-family: Arial, MingLiu; word-spacing: 5px;" width="100%">
<a href="https://www.beclass.com/rid=213edba5acc5f63cdbae" style="word-break: break-all;">
https://www.beclass.com/rid=213edba5acc5f63cdbae
</a>

補充

結尾(選填,可增加網站建議)

問題:

可能原因:

原始程式:

<img alt="服務團隊" src="/_admin/_upload/ContentA/106/pic/images/服務團隊(1).jpg" style="width: 730px; height: 595px;">

建議修改:

<img alt="服務團隊" src="/_admin/_upload/ContentA/106/pic/images/服務團隊(1).jpg" style="width: 100%;">

補充

結尾(選填,可增加網站建議)