經濟部-劉佳慧

網站

經濟部

姓名

劉佳慧

檢測日期

2018-04-02

檢測裝置

ASUS_Z01KDA

作業系統 與 瀏覽器版本

Android 8.0.0
Chrome版本:Chrome 65.0.3325.109

解析度(手機螢幕)

螢幕解析度 360x640 pixels

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

壞掉的連結




跑版(影響閱讀)問題









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

出現亂碼

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

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

閱讀模式

使用Android無閱讀模式

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

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

問題:

可能原因:

RWD 沒設定好

原始程式:

第595行 修改
<div style="text-align: right;">
	<img 
            alt="經濟部代理部長沈榮津照片" 
            src="/MNS/main/content/wHandEditorFile.ashx?file_id=6107" 
            style="
                width: 170px; 
                height: 218px; 
                margin-right: 60px; 
                margin-left: 60px; 
                float: right;" 
        />
</div>

建議修改:

第595行 修改
<div class="rwd_textAlign">
	<img 
            alt="經濟部代理部長沈榮津照片" 
            src="/MNS/main/content/wHandEditorFile.ashx?file_id=6107" 
            style="
                width: 170px; 
                height: 218px;  
        />
</div>
第596行 新增
<p class="rwd_clearBoth">&nbsp;</p>
第33行 新增

<style type="text/css">
    
    .rwd_clearBoth{
        display: none;
        clear: both;
        }
        
    rwd_textAlign{
        text-align: right;
        }
    
    @media (min-width: 300px) and (max-width: 991px){
    
        .rwd_clearBoth{
            display: block !important;
            }
            
        .rwd_textAlign{
            text-align: center !important;
            }
    }
    
</style>

補充

image

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

問題:

可能原因:

RWD 沒設定好

原始程式:

第 583 行
<p><img alt="" src="/MNS/main/content/wHandEditorFile.ashx?file_id=6896" style="width: 800px; height: 1122px;" /></p>
第 585 行
<p><img alt="" src="/MNS/main/content/wHandEditorFile.ashx?file_id=6895" style="width: 800px; height: 1122px;" /></p>

建議修改:

第 583 行 新增 class=“imgRWD”
<p><img class="imgRWD" alt="" src="/MNS/main/content/wHandEditorFile.ashx?file_id=6896" style="width: 800px; height: 1122px;" /></p>
第 585 行 新增 class=“imgRWD”
<p><img class="imgRWD" alt="" src="/MNS/main/content/wHandEditorFile.ashx?file_id=6895" style="width: 800px; height: 1122px;" /></p>
第33行 新增 stylesheet
<style type="text/css">

    @media (min-width: 300px) and (max-width: 991px){
        .imgRWD {
            width: 100% !important;
            height: auto !important;
            }
    }
    
</style>

補充

image
image

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

問題:

可能原因:

RWD 沒設定好

原始程式:

框架 (view-source:大韓民國 - 公開資訊 - 經濟部國際合作處)
<img alt="大韓民國" src="/MNS/main/content/wHandEditorFile.ashx?file_id=5572" style="width: 80vw;height: auto;">
<img alt="大韓民國" src="/MNS/main/content/wHandEditorFile.ashx?file_id=5571" style="width: 800px; height: 1136px;">

建議修改:

新增 class=“imgRWD”
<img class="imgRWD" alt="大韓民國" src="/MNS/main/content/wHandEditorFile.ashx?file_id=5572" style="width: 80vw;height: auto;">
<img class="imgRWD" alt="大韓民國" src="/MNS/main/content/wHandEditorFile.ashx?file_id=5571" style="width: 800px; height: 1136px;">
第33行 新增 stylesheet
<style type="text/css">

    @media (min-width: 300px) and (max-width: 991px){
        .imgRWD {
            width: 80vw !important;
            height: auto !important;
            }
    }
    
</style>

補充

image
image

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

問題:

可能原因:

RWD 沒設定好

原始程式:

複製第586-676行 (節錄以下修改範例部分)
<tbody>
        <tr>
            <th width="20%" align="left">依據</th>
            <td align="left">經濟部檔案開放應用須知</td>
            <td width="10%" align="center"><a title="開啟經濟部檔案開放應用須知,openfile_notice.doc檔" href="/MNS/main/content/wHandEditorFile.ashx?file_id=1365"><img border="0" alt="經濟部檔案開放應用須知(WORD電子檔)" src="../images/icon_word.gif" /></a></td>
            <td width="10%" align="center"><a title="開啟經濟部檔案開放應用須知,openfile_notice.pdf檔" href="/MNS/main/content/wHandEditorFile.ashx?file_id=1364"><img border="0" alt="經濟部檔案開放應用須知(PDF電子檔)" src="../images/icon_pdf.gif" /></a></td>
        </tr>
        <tr>
            <th align="left">申請</th>
            <td align="left">申請閱覽、抄錄或複製本部檔案,應填具「經濟部檔案應用申請書」向本部申請。<br />
            前項申請書得以親自持送或郵寄方式為之;其經電子簽章憑證機構認證後,亦得以電子傳遞方式為之。</td>
            <td align="center"><a title="開啟經濟部檔案應用申請書,openfile_apply.doc檔" href="/MNS/main/content/wHandEditorFile.ashx?file_id=1363"><img alt="經濟部檔案應用申請書(WORD電子檔)" src="../images/icon_word.gif" /></a></td>
            <td align="center"><a title="開啟經濟部檔案應用申請書,openfile_apply.pdf檔" href="/MNS/main/content/wHandEditorFile.ashx?file_id=1362"><img alt="經濟部檔案應用申請書(PDF電子檔)" src="../images/icon_pdf.gif" /></a></td>
        </tr>
 </tbody>

建議修改:

複製第586-676行後修改如節錄範例部分
<tbody class="normalTable">
        <tr>
            <th width="20%" align="left">依據</th>
            <td align="left">經濟部檔案開放應用須知</td>
            <td width="10%" align="center"><a title="開啟經濟部檔案開放應用須知,openfile_notice.doc檔" href="/MNS/main/content/wHandEditorFile.ashx?file_id=1365"><img border="0" alt="經濟部檔案開放應用須知(WORD電子檔)" src="../images/icon_word.gif" /></a></td>
            <td width="10%" align="center"><a title="開啟經濟部檔案開放應用須知,openfile_notice.pdf檔" href="/MNS/main/content/wHandEditorFile.ashx?file_id=1364"><img border="0" alt="經濟部檔案開放應用須知(PDF電子檔)" src="../images/icon_pdf.gif" /></a></td>
        </tr>
        <tr>
            <th align="left">申請</th>
            <td align="left">申請閱覽、抄錄或複製本部檔案,應填具「經濟部檔案應用申請書」向本部申請。<br />
            前項申請書得以親自持送或郵寄方式為之;其經電子簽章憑證機構認證後,亦得以電子傳遞方式為之。</td>
            <td align="center"><a title="開啟經濟部檔案應用申請書,openfile_apply.doc檔" href="/MNS/main/content/wHandEditorFile.ashx?file_id=1363"><img alt="經濟部檔案應用申請書(WORD電子檔)" src="../images/icon_word.gif" /></a></td>
            <td align="center"><a title="開啟經濟部檔案應用申請書,openfile_apply.pdf檔" href="/MNS/main/content/wHandEditorFile.ashx?file_id=1362"><img alt="經濟部檔案應用申請書(PDF電子檔)" src="../images/icon_pdf.gif" /></a></td>
        </tr>
 </tbody>

<tbody class="rwdTable">
        <tr>
            <th width="20%" align="left">依據</th>
        </tr>

        <tr>
            <td align="left">經濟部檔案開放應用須知
                <a title="開啟經濟部檔案開放應用須知,openfile_notice.doc檔" href="/MNS/main/content/wHandEditorFile.ashx?file_id=1365"><img border="0" alt="經濟部檔案開放應用須知(WORD電子檔)" src="../images/icon_word.gif"></a>
                <a title="開啟經濟部檔案開放應用須知,openfile_notice.pdf檔" href="/MNS/main/content/wHandEditorFile.ashx?file_id=1364"><img border="0" alt="經濟部檔案開放應用須知(PDF電子檔)" src="../images/icon_pdf.gif"></a>
            </td>
        </tr>
        <tr>
            <td width="10%" align="center"></td>
        </tr>
        <tr>
            <th align="left">申請</th>
        </tr>

        <tr>
            <td align="left">申請閱覽、抄錄或複製本部檔案,應填具「經濟部檔案應用申請書」向本部申請。<br>前項申請書得以親自持送或郵寄方式為之;其經電子簽章憑證機構認證後,亦得以電子傳遞方式為之。</td>
        </tr>
    </tbody>
第33行 新增

<style type="text/css">
    
    .normalTable{
        display: block;
        }
    .rwdTable{
        display: none;
        }
        
    @media (min-width: 300px) and (max-width: 991px){
    
        .normalTable{
            display: none !important;
            }
        .rwdTable{
            display: block !important;
            }

    }
    
</style>

補充

image
image

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

問題:

可能原因:

RWD 沒設定好

原始程式:

第 457 466 475 486 494 502 行 修改
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">

建議修改:

第 457 466 475 486 494 502 行 修改
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">

補充

image

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