勞動部勞動及職業安全衛生研究所資訊網－談宇綺

ray 勞動部
#1

網站

勞動部勞動及職業安全衛生研究所資訊網

姓名

談宇綺

日期

2017-11-14

瀏覽器解析度（iOS的Safari填裝置名稱 macOS填瀏覽器解析度）

iPad Air2

作業系統版本

iOS 10.2

瀏覽器版本（iOS的Safari填iOS版本）

Chrome：版本 61.0.3163.73
Safari：iOS 10.2

有發現表格排版影響閱讀問題（大量table爆炸可以截示意圖列出位置就好）

無

有跑版（影響閱讀）問題

有出現亂碼

無

有壞掉的連結

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

無

有不能運作的網頁元素（如按鈕不能按、選單不能選等）

無

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

無

對此網站建議（給個建議吧）

1.頁面設計非常完整、易於使用。
2. 建議調整最下方版權處的RWD設定，以平板觀看時，超出大小的區塊會自動換行，雖不影響閱讀，但調整後畫面會更整齊。

#2

#問題

#可能原因
media中的img width設定不當

#問題程式
slick-slide.css

.bigbanner img {
     width: 100%; 
    height: 240px;
    border-radius: 5px;
}

強制設定height 240px
但carousel中有些原圖的比例不和
因此看起來是比例變型的

@media (max-width: 1199px)
.bigbanner img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

這是在平板瀏覽下的狀況
width:100% height: auto
因此圖片照原尺寸顯現
看起來就脫離箭頭鍵了

#建議修改
每個圖片原圖都剪裁符合至780x240

#3

#問題

#建議修改
就業情報最新連結 ：
https://www.gov.tw/career/Default.aspx
建議修正連結