勞動及職業安全衛生研究所-鐘弘育

網站

勞動及職業安全衛生研究所

姓名

鐘弘育

檢測日期

2018-05-02

檢測裝置

iphone 6

作業系統 與 瀏覽器版本

ios11.3

解析度(手機螢幕)

375x667

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

壞掉的連結

首頁>便民服務>其他業務>台灣地區異常氣壓作業安全檢視網路資料傳輸
台灣地區異常氣壓作業安全檢視網路資料傳輸的連結點進去後如圖所示,出現錯誤


跑版(影響閱讀)問題

解法回文連結
首頁>研究所介紹>2016-2019職業安全衛生研究策略規劃>三、職業安全衛生研究策略
首頁>研究所介紹>2016-2019職業安全衛生研究策略規劃>四、勞動市場與勞動關係研究策略規劃
圖片被裁切掉


首頁>便民服務 > 展示館參訪申請>我們的身體工作安全特展
解法回文連結
圖片被切掉,展示文案的區塊文字被擠壓嚴重,建議改成橫式閱讀方向的表格


首頁>便民服務>勞工教育資源>安全衛生基礎課程及測驗
解法回文連結
安全衛生基礎課程及測驗中的每篇表格都長這樣

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

出現亂碼

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

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

閱讀模式

不可以用

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

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

很多的表格和圖片會超出螢幕範圍

問題:

可能原因:

圖片過大

原始程式:

https://www.ilosh.gov.tw/css/customize.css:796

.cp article, .cp article p {line-height: 180%;}

建議修改:

增加overflow

.cp article, .cp article p {line-height: 180%;overflow:  auto;}

補充

可以左右滑動

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

問題:

可能原因:

資料過多

原始程式:

位置:https://www.ilosh.gov.tw/css/customize.css:796

.cp article, .cp article p {line-height: 180%;}

位置:https://www.ilosh.gov.tw/css/customize.css:817

.cp article table {margin: 0 auto 1em;width: 99%; line-height: 150%;border-collapse: collapse;background-color: #fff;}

建議修改:

增加overflow

.cp article, .cp article p {line-height: 180%;overflow:  auto;}

移除寬度設定

.cp article table {margin: 0 auto 1em; line-height: 150%;border-collapse: collapse;background-color: #fff;}

補充

可以左右滑動,排版比較正常

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

問題:

可能原因:

內容過多

原始程式:

位置:https://laws.ilosh.gov.tw/IoshCustom/Content/css?v=Ithz-AYEtmBrHaqtvjlwaHxXmPb8E4SrIWHEbkZh61Q1

.container {
    margin-right: auto;
    margin-left: auto;
}

建議修改:

加入overflow

.container {
    margin-right: auto;
    margin-left: auto;
    overflow: auto;
}

補充

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