法務部矯正署新竹看守所 - 范玟瑄

WenHsuan · 2017年11月11日19:37

網站

法務部矯正署新竹看守所

姓名

范玟瑄

日期

2017-11-12

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

1024 * 768

作業系統版本

Windows 10 家用版
iOS 11.0 (15A372)

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

Chrome：61.0.3163.100 (正式版本) (64 位元)
Safari：版本 11.0

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

無

有跑版（影響閱讀）問題

(機關願景-機關願景-法務部矯正署新竹看守所)：
[首頁][機關簡介][機關願景]：圖片太大，導致跑版

圖1

圖2

(寄(送)入飲食物品影音簡介-寄(送)入飲食物品影音簡介-法務部矯正署新竹看守所)：
[首頁][民眾導覽][寄(送)入飲食物品影音簡介]：跑版

圖1

圖2

(http://www.scd.moj.gov.tw/ct.asp?xItem=181128&ctNode=27255&mp=078)：
[首頁][自營成品][築夢手創工坊][築夢工坊作業計畫書按鈕]：Chrome & Safari 呈現方式不同

圖1

圖2

有出現亂碼

無

有壞掉的連結

(矯正體系專有名詞中英對照表-矯正體系專有名詞中英對照表-法務部矯正署新竹看守所)：
[首頁][為民服務][美麗新竹市]：連結壞掉了

圖

(就業資訊-法務部矯正署新竹看守所)：
[首頁][就業資訊][就業資訊][我的e政府就業情報站]：連結壞掉了
 [首頁][就業資訊][就業資訊][勞動力發展署]：連結壞掉了

圖

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

(http://www.scd.moj.gov.tw/mp078.html)：
[首頁]：無法顯示FLASH

圖1

圖2

(機關位置圖-機關位置圖-法務部矯正署新竹看守所)：
[首頁][民眾導覽][機關位置圖]：無法顯示FLASH

圖1

圖2

(寄(送)入飲食物品簡介(一)-寄(送)入飲食物品影音簡介-法務部矯正署新竹看守所)：
[首頁][民眾導覽][寄(送)入飲食物品影音簡介][寄(送)入飲食物品簡介(一)]：影片顯示不出來
 [首頁][民眾導覽][寄(送)入飲食物品影音簡介][寄(送)入飲食物品簡介(二)]：影片顯示不出來
 [首頁][民眾導覽][寄(送)入飲食物品影音簡介][寄(送)入飲食物品簡介(三)]：影片顯示不出來
 [首頁][民眾導覽][寄(送)入飲食物品影音簡介][寄(送)入飲食物品簡介(四)]：影片顯示不出來
 [首頁][民眾導覽][寄(送)入飲食物品影音簡介][寄(送)入飲食物品簡介(五)]：影片顯示不出來

圖1

圖2

(法務部矯正署新竹看守所)：
[首頁][為民服務][影音宣導][政風保防宣導機密保護短片~資料加密篇]：影片顯示不出來

圖1

圖2

(築夢手創工坊-築夢手創工坊-法務部矯正署新竹看守所)：
[首頁][自營成品][築夢手創工坊]：無法顯示FLASH

圖1

圖2

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

無

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

(組織編制-組織編制-法務部矯正署新竹看守所)：
[首頁][機關簡介][組織編制]：圖片無法顯示

圖1

圖2

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

☆☆☆
網頁介面可以美化，可以使用響應式頁面設計這樣不用再製作行動版網頁。
圖片有時候會讓頁面跑版。

yoyo930021 · 2017年11月26日08:44

可能的原因：

圖片 css 寬度高度沒有定義

原始程式：

<img alt="目標" src="http://www.moj.gov.tw/site/moj/public/MMO/scd/目標.jpg" mmoid="341248">

建議修改：

<img alt="目標" src="http://www.moj.gov.tw/site/moj/public/MMO/scd/目標.jpg" mmoid="341248" style="width:100%;">

yoyo930021 · 2017年11月26日08:48

可能的原因：

表格排版與圖片寬度寫死

原始程式：

<table border="0" cellspacing="5" cellpadding="5" width="80%" summary="排版表格">
<tbody>
<tr>
<td aria-haspopup="" aria-disabled="" accesskey="" aria-hidden="" aria-expanded="" lang="" aria-busy="" language="" aria-checked="" aria-readonly="" aria-secret="" title="" role="" tabindex="0" aria-relevant="" aria-live="" aria-labelledby="" aria-pressed="" aria-invalid="" aria-valuenow="" aria-selected="" aria-owns="" aria-valuemax="" aria-valuemin="" aria-controls="" aria-flowto="" aria-required="" aria-describedby="" aria-activedescendant="" aria-multiselectable="" choff="" background="" abbr="" scope="" ch="" axis="" headers=""><a href="http://www.scd.moj.gov.tw/ct.asp?xItem=254069&amp;ctNode=31577&amp;mp=078"><img border="0" alt="寄送入飲食物品簡介" src="/site/moj/public/MMO/scd/寄送入飲食物品簡介.jpg" width="280" height="186" mmoid="254107"></a><br><br>寄(送)入飲食物品簡介(一)<br></td>
<td aria-haspopup="" aria-disabled="" accesskey="" aria-hidden="" aria-expanded="" lang="" aria-busy="" language="" aria-checked="" aria-readonly="" aria-secret="" title="" role="" tabindex="0" aria-relevant="" aria-live="" aria-labelledby="" aria-pressed="" aria-invalid="" aria-valuenow="" aria-selected="" aria-owns="" aria-valuemax="" aria-valuemin="" aria-controls="" aria-flowto="" aria-required="" aria-describedby="" aria-activedescendant="" aria-multiselectable="" choff="" background="" abbr="" scope="" ch="" axis="" headers=""><a href="http://www.scd.moj.gov.tw/ct.asp?xItem=254082&amp;ctNode=31577&amp;mp=078"><img border="0" alt="寄入飲食物品注意事項(去殼後方可送入)" src="/site/moj/public/MMO/scd/寄入飲食物品注意事項(去殼後方可送入).jpg" width="280" height="186" mmoid="254108"></a><br><br>寄(送)入飲食物品簡介(二)<br></td>
<td aria-haspopup="" aria-disabled="" accesskey="" aria-hidden="" aria-expanded="" lang="" aria-busy="" language="" aria-checked="" aria-readonly="" aria-secret="" title="" role="" tabindex="0" aria-relevant="" aria-live="" aria-labelledby="" aria-pressed="" aria-invalid="" aria-valuenow="" aria-selected="" aria-owns="" aria-valuemax="" aria-valuemin="" aria-controls="" aria-flowto="" aria-required="" aria-describedby="" aria-activedescendant="" aria-multiselectable="" choff="" background="" abbr="" scope="" ch="" axis="" headers=""><a href="http://www.scd.moj.gov.tw/ct.asp?xItem=254083&amp;ctNode=31577&amp;mp=078"><img border="0" alt="寄送入物品處理原則" src="/site/moj/public/MMO/scd/寄送入物品處理原則.jpg" width="280" height="186" mmoid="254109"></a><br><br>寄(送)入飲食物品簡介(三)<br></td></tr>
<tr>
<td aria-haspopup="" aria-disabled="" accesskey="" aria-hidden="" aria-expanded="" lang="" aria-busy="" language="" aria-checked="" aria-readonly="" aria-secret="" title="" role="" tabindex="0" aria-relevant="" aria-live="" aria-labelledby="" aria-pressed="" aria-invalid="" aria-valuenow="" aria-selected="" aria-owns="" aria-valuemax="" aria-valuemin="" aria-controls="" aria-flowto="" aria-required="" aria-describedby="" aria-activedescendant="" aria-multiselectable="" choff="" background="" abbr="" scope="" ch="" axis="" headers=""><a href="http://www.scd.moj.gov.tw/ct.asp?xItem=254084&amp;ctNode=31577&amp;mp=078"><img border="0" alt="飲寄送之菜餚為避免腐壞變質以一餐得以食用完畢為原則" src="/site/moj/public/MMO/scd/寄送之菜餚為避免腐壞變質以一餐得以食用完畢為原則.jpg" width="280" height="186" mmoid="254107"></a><br><br>寄(送)入飲食物品簡介(四)</td>
<td aria-haspopup="" aria-disabled="" accesskey="" aria-hidden="" aria-expanded="" lang="" aria-busy="" language="" aria-checked="" aria-readonly="" aria-secret="" title="" role="" tabindex="0" aria-relevant="" aria-live="" aria-labelledby="" aria-pressed="" aria-invalid="" aria-valuenow="" aria-selected="" aria-owns="" aria-valuemax="" aria-valuemin="" aria-controls="" aria-flowto="" aria-required="" aria-describedby="" aria-activedescendant="" aria-multiselectable="" choff="" background="" abbr="" scope="" ch="" axis="" headers=""><a href="http://www.scd.moj.gov.tw/ct.asp?xItem=254086&amp;ctNode=31577&amp;mp=078"><img border="0" alt="限制及拒收物品-書籍每次最多三本" src="/site/moj/public/MMO/scd/限制及拒收物品-書籍每次最多三本.jpg" width="280" height="186" mmoid="254108"></a><br><br>寄(送)入飲食物品簡介(五) </td>
<td aria-haspopup="" aria-disabled="" accesskey="" aria-hidden="" aria-expanded="" lang="" aria-busy="" language="" aria-checked="" aria-readonly="" aria-secret="" title="" role="" tabindex="0" aria-relevant="" aria-live="" aria-labelledby="" aria-pressed="" aria-invalid="" aria-valuenow="" aria-selected="" aria-owns="" aria-valuemax="" aria-valuemin="" aria-controls="" aria-flowto="" aria-required="" aria-describedby="" aria-activedescendant="" aria-multiselectable="" choff="" background="" abbr="" scope="" ch="" axis="" headers=""></td></tr></tbody></table>

建議修改：

<table border="0" cellspacing="5" cellpadding="5" width="100%" summary="排版表格">
    <tbody>
        <tr>
            <td aria-haspopup="" aria-disabled="" accesskey="" aria-hidden="" aria-expanded="" lang="" aria-busy="" language="" aria-checked=""
                aria-readonly="" aria-secret="" title="" role="" tabindex="0" aria-relevant="" aria-live="" aria-labelledby=""
                aria-pressed="" aria-invalid="" aria-valuenow="" aria-selected="" aria-owns="" aria-valuemax="" aria-valuemin=""
                aria-controls="" aria-flowto="" aria-required="" aria-describedby="" aria-activedescendant="" aria-multiselectable=""
                choff="" background="" abbr="" scope="" ch="" axis="" headers="">
                <a href="http://www.scd.moj.gov.tw/ct.asp?xItem=254069&amp;ctNode=31577&amp;mp=078">
                    <img border="0" alt="寄送入飲食物品簡介" src="/site/moj/public/MMO/scd/寄送入飲食物品簡介.jpg" width="100%" mmoid="254107">
                </a>
                <br>
                <br>寄(送)入飲食物品簡介(一)
                <br>
            </td>
            <td aria-haspopup="" aria-disabled="" accesskey="" aria-hidden="" aria-expanded="" lang="" aria-busy="" language="" aria-checked=""
                aria-readonly="" aria-secret="" title="" role="" tabindex="0" aria-relevant="" aria-live="" aria-labelledby=""
                aria-pressed="" aria-invalid="" aria-valuenow="" aria-selected="" aria-owns="" aria-valuemax="" aria-valuemin=""
                aria-controls="" aria-flowto="" aria-required="" aria-describedby="" aria-activedescendant="" aria-multiselectable=""
                choff="" background="" abbr="" scope="" ch="" axis="" headers="">
                <a href="http://www.scd.moj.gov.tw/ct.asp?xItem=254082&amp;ctNode=31577&amp;mp=078">
                    <img border="0" alt="寄入飲食物品注意事項(去殼後方可送入)" src="/site/moj/public/MMO/scd/寄入飲食物品注意事項(去殼後方可送入).jpg" width="100%" mmoid="254108">
                </a>
                <br>
                <br>寄(送)入飲食物品簡介(二)
                <br>
            </td>
            <td aria-haspopup="" aria-disabled="" accesskey="" aria-hidden="" aria-expanded="" lang="" aria-busy="" language="" aria-checked=""
                aria-readonly="" aria-secret="" title="" role="" tabindex="0" aria-relevant="" aria-live="" aria-labelledby=""
                aria-pressed="" aria-invalid="" aria-valuenow="" aria-selected="" aria-owns="" aria-valuemax="" aria-valuemin=""
                aria-controls="" aria-flowto="" aria-required="" aria-describedby="" aria-activedescendant="" aria-multiselectable=""
                choff="" background="" abbr="" scope="" ch="" axis="" headers="">
                <a href="http://www.scd.moj.gov.tw/ct.asp?xItem=254083&amp;ctNode=31577&amp;mp=078">
                    <img border="0" alt="寄送入物品處理原則" src="/site/moj/public/MMO/scd/寄送入物品處理原則.jpg" width="100%" mmoid="254109">
                </a>
                <br>
                <br>寄(送)入飲食物品簡介(三)
                <br>
            </td>
        </tr>
        <tr>
            <td aria-haspopup="" aria-disabled="" accesskey="" aria-hidden="" aria-expanded="" lang="" aria-busy="" language="" aria-checked=""
                aria-readonly="" aria-secret="" title="" role="" tabindex="0" aria-relevant="" aria-live="" aria-labelledby=""
                aria-pressed="" aria-invalid="" aria-valuenow="" aria-selected="" aria-owns="" aria-valuemax="" aria-valuemin=""
                aria-controls="" aria-flowto="" aria-required="" aria-describedby="" aria-activedescendant="" aria-multiselectable=""
                choff="" background="" abbr="" scope="" ch="" axis="" headers="">
                <a href="http://www.scd.moj.gov.tw/ct.asp?xItem=254084&amp;ctNode=31577&amp;mp=078">
                    <img border="0" alt="飲寄送之菜餚為避免腐壞變質以一餐得以食用完畢為原則" src="/site/moj/public/MMO/scd/寄送之菜餚為避免腐壞變質以一餐得以食用完畢為原則.jpg"
                    width="100%" mmoid="254107">
                </a>
                <br>
                <br>寄(送)入飲食物品簡介(四)</td>
            <td aria-haspopup="" aria-disabled="" accesskey="" aria-hidden="" aria-expanded="" lang="" aria-busy="" language="" aria-checked=""
                aria-readonly="" aria-secret="" title="" role="" tabindex="0" aria-relevant="" aria-live="" aria-labelledby=""
                aria-pressed="" aria-invalid="" aria-valuenow="" aria-selected="" aria-owns="" aria-valuemax="" aria-valuemin=""
                aria-controls="" aria-flowto="" aria-required="" aria-describedby="" aria-activedescendant="" aria-multiselectable=""
                choff="" background="" abbr="" scope="" ch="" axis="" headers="">
                <a href="http://www.scd.moj.gov.tw/ct.asp?xItem=254086&amp;ctNode=31577&amp;mp=078">
                    <img border="0" alt="限制及拒收物品-書籍每次最多三本" src="/site/moj/public/MMO/scd/限制及拒收物品-書籍每次最多三本.jpg" width="100%"
                        mmoid="254108">
                </a>
                <br>
                <br>寄(送)入飲食物品簡介(五) </td>
            <td aria-haspopup="" aria-disabled="" accesskey="" aria-hidden="" aria-expanded="" lang="" aria-busy="" language="" aria-checked=""
                aria-readonly="" aria-secret="" title="" role="" tabindex="0" aria-relevant="" aria-live="" aria-labelledby=""
                aria-pressed="" aria-invalid="" aria-valuenow="" aria-selected="" aria-owns="" aria-valuemax="" aria-valuemin=""
                aria-controls="" aria-flowto="" aria-required="" aria-describedby="" aria-activedescendant="" aria-multiselectable=""
                choff="" background="" abbr="" scope="" ch="" axis="" headers=""></td>
        </tr>
    </tbody>
</table>

yoyo930021 · 2017年11月26日08:55

可能的原因：

使用空白排版會因字體空白寬度不同與螢幕大小不同而無法對齊

原始程式：

<p style="LINE-HEIGHT: 22pt; MARGIN: 0cm 0cm 0pt; mso-line-height-rule: exactly" class="MsoNormal"><span style="FONT-FAMILY: 新細明體; FONT-SIZE: 10pt">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.scd.moj.gov.tw/ct.asp?xItem=179620&amp;ctNode=27255&amp;mp=078"><img alt="築夢手創工坊按鈕" src="http://www.moj.gov.tw/site/moj/public/MMO/scd/築夢手創工坊按鈕.gif" mmoid="181225"></a>&nbsp;&nbsp;&nbsp; <img alt="築夢工坊作業計畫書按鈕" src="http://www.moj.gov.tw/site/moj/public/MMO/scd/築夢工坊作業計畫書按鈕.gif" mmoid="181226"></span></p>

建議修改：

<p style="display:block;">
    <div style="margin:0 auto;width:360px;">
        <a href="http://www.scd.moj.gov.tw/ct.asp?xItem=179620&amp;ctNode=27255&amp;mp=078">
            <img alt="築夢手創工坊按鈕" src="http://www.moj.gov.tw/site/moj/public/MMO/scd/築夢手創工坊按鈕.gif" mmoid="181225">
        </a>
        <img alt="築夢工坊作業計畫書按鈕" src="http://www.moj.gov.tw/site/moj/public/MMO/scd/築夢工坊作業計畫書按鈕.gif" mmoid="181226">
    </div>
</p>

yoyo930021 · 2017年11月26日08:58

可能的原因：

使用老舊的語法僅 IE 支持且格式也普遍瀏覽器不支援的 wmv