國立教育廣播電臺 - 范玟瑄

WenHsuan · 2017年10月10日17:29

網站

國立教育廣播電臺

姓名

范玟瑄

日期

2017-10-11

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

768 * 1024

作業系統版本

iOS 11.0 (15A372)

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

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

有跑版（影響閱讀）問題

[首頁][網站導覽][服務專線]：Chrome瀏覽器跑版

圖1

圖2

[首頁][APP下載]：Chrome&Safari瀏覽器圖片皆跑版

圖1

圖2

[首頁][網站導覽][節目表與收聽頻率]：Chrome&Safari瀏覽器表格稍有差異

圖1

圖2

[首頁][網站導覽][電臺願景]：Chrome&Safari瀏覽器文字皆跑版

圖1

圖2

[首頁][網站導覽][政府資料公開]：Chrome&Safari瀏覽器表格圖片皆跑版

圖1

圖2

有出現亂碼

無

有壞掉的連結

[首頁][網站導覽][典藏資料庫]：按搜尋後，公告已另建置新系統，同時跳轉至其他網站

圖1

圖2

[首頁][網站導覽][好站連結]：內有部分連結(如下列)找不到網站

經濟部核電資訊整合平台-確保核安穩健減核官網

政府紀念抗戰勝利暨臺灣光復七十週年專屬網站

鳳凰谷鳥園生態園區

新北市政府環保局網站

莫拉克颱風災後重建推動委員會

友善台灣-接待家庭資訊分享平台

法務部調查局105年全民保防有獎徵答活動

就業情報站

有不能用的外掛程式

無|N/A

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

[首頁][網站導覽]：為標題不能提供點擊，但使用按鈕形式

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

無

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

[首頁][網站導覽][為民服務績效]：若為類似功能(比如說點擊下載)，盡量顏色形式一致

盡量不要使用表格排版，在手機上不易觀看

yoyo930021 · 2017年10月12日04:27

可能原因：

網站並未正確使用 Bootstrap response table

原始程式：

<table style="height: 243px; width: 850px; margin-left: auto; margin-right: auto;" border="1" summary="各單位地址、電話、傳真以及服務專線" width="863" cellspacing="2" cellpadding="4" align="center"><caption><strong><span style="font-size: 13px;">各單位地址、電話、傳真以及服務專線</span></strong></caption>
<tbody>
<tr align="center" valign="middle" bgcolor="#cdd5e5"><th class="word_size10" style="text-align: center;" bgcolor="#cdd5e5" width="10%"><span style="font-size: 13px;">&nbsp;</span></th><th class="word_size10" style="text-align: center;" bgcolor="#cdd5e5" width="60%"><span style="font-size: 13px;">臺 址</span></th><th class="word_size10" style="text-align: center;" width="10%"><span style="font-size: 13px;">電話</span></th><th class="word_size10" style="text-align: center;" width="10%"><span style="font-size: 13px;">傳真</span></th><th class="word_size10" style="text-align: center;" nowrap="nowrap" width="10%"><span style="font-size: 13px;">節目現場</span><br><span style="font-size: 13px;">Call In專線</span></th></tr>
<tr align="center" valign="middle">
<td class="word_size11" style="text-align: center;" align="center" nowrap="nowrap" bgcolor="#b3b3b3"><span style="font-size: 13px;">臺北總臺</span></td>
<td class="word_size11" style="text-align: center;" align="left" bgcolor="#FFFFFF"><span style="font-size: 13px;">臺北市10066南海路45號</span></td>
<td class="word_size11" style="text-align: center;" nowrap="nowrap" bgcolor="#FFFFFF"><span style="font-size: 13px;">（02）2388-0600</span></td>
<td class="word_size11" style="text-align: center;" nowrap="nowrap" bgcolor="#FFFFFF"><span style="font-size: 13px;">（02）2389-3126</span></td>
<td class="word_size11" style="text-align: center;" nowrap="nowrap" bgcolor="#FFFFFF"><span style="font-size: 13px;">（02）2388-8985</span></td>
</tr>
<tr align="center" valign="middle" bgcolor="#cdd5e5">
<td class="word_size11" style="text-align: center;" align="center" nowrap="nowrap" bgcolor="#b3b3b3"><span style="font-size: 13px;">彰化分臺</span></td>
<td class="word_size11" style="text-align: center;" align="left" bgcolor="#FFFFFF"><span style="font-size: 13px;">彰化市50080虎崗路5之1號</span></td>
<td class="word_size11" style="text-align: center;" bgcolor="#FFFFFF"><span style="font-size: 13px;">（04）726-3070</span></td>
<td class="word_size11" style="text-align: center;" bgcolor="#FFFFFF"><span style="font-size: 13px;">（04）724-8124</span></td>
<td class="word_size11" style="text-align: center;" bgcolor="#FFFFFF"><span style="font-size: 13px;">（04）727-9191</span></td>
</tr>
<tr align="center" valign="middle" bgcolor="#cdd5e5">
<td class="word_size11" style="text-align: center;" align="center" nowrap="nowrap" bgcolor="#b3b3b3"><span style="font-size: 13px;">高雄分臺</span></td>
<td class="word_size11" style="text-align: center;" align="left" bgcolor="#FFFFFF"><span style="font-size: 13px;">高雄市80656廣東三街380號</span></td>
<td class="word_size11" style="text-align: center;" bgcolor="#FFFFFF"><span style="font-size: 13px;">（07）715-0800</span></td>
<td class="word_size11" style="text-align: center;" bgcolor="#FFFFFF"><span style="font-size: 13px;">（07）711-0032</span></td>
<td class="word_size11" style="text-align: center;" bgcolor="#FFFFFF"><span style="font-size: 13px;">（07）723-3066</span></td>
</tr>
<tr align="center" valign="middle" bgcolor="#cdd5e5">
<td class="word_size11" style="text-align: center;" align="center" nowrap="nowrap" bgcolor="#b3b3b3"><span style="font-size: 13px;">花蓮分臺</span></td>
<td class="word_size11" style="text-align: center;" align="left" bgcolor="#FFFFFF"><span style="font-size: 13px;">花蓮市97063東興路457號</span></td>
<td class="word_size11" style="text-align: center;" bgcolor="#FFFFFF"><span style="font-size: 13px;">（038）225-625</span></td>
<td class="word_size11" style="text-align: center;" bgcolor="#FFFFFF"><span style="font-size: 13px;">（038）225-771</span></td>
<td class="word_size11" style="text-align: center;" bgcolor="#FFFFFF"><span style="font-size: 13px;">（038）233-881</span></td>
</tr>
<tr align="center" valign="middle" bgcolor="#cdd5e5">
<td class="word_size11" style="text-align: center;" align="center" nowrap="nowrap" bgcolor="#b3b3b3"><span style="font-size: 13px;">臺東分臺</span></td>
<td class="word_size11" style="text-align: center;" align="left" bgcolor="#FFFFFF"><span style="font-size: 13px;">臺東市95047馬亨亨大道135號</span></td>
<td class="word_size11" style="text-align: center;" bgcolor="#FFFFFF"><span style="font-size: 13px;">（089）324-110</span></td>
<td class="word_size11" style="text-align: center;" bgcolor="#FFFFFF"><span style="font-size: 13px;">（089）328-690</span></td>
<td class="word_size11" style="text-align: center;" bgcolor="#FFFFFF"><span style="font-size: 13px;">（089）318-959</span></td>
</tr>
</tbody>
</table>

建議修改：

<table class="table" style="height: 243px; margin-left: auto; margin-right: auto;" border="1" summary="各單位地址、電話、傳真以及服務專線" width="863" cellspacing="2" cellpadding="4" align="center"><caption><strong><span style="font-size: 13px;">各單位地址、電話、傳真以及服務專線</span></strong></caption>
<tbody>
<tr align="center" valign="middle" bgcolor="#cdd5e5"><th class="word_size10" style="text-align: center;" bgcolor="#cdd5e5" width="10%"><span style="font-size: 13px;">&nbsp;</span></th><th class="word_size10" style="text-align: center;" bgcolor="#cdd5e5" width="60%"><span style="font-size: 13px;">臺 址</span></th><th class="word_size10" style="text-align: center;" width="10%"><span style="font-size: 13px;">電話</span></th><th class="word_size10" style="text-align: center;" width="10%"><span style="font-size: 13px;">傳真</span></th><th class="word_size10" style="text-align: center;" nowrap="nowrap" width="10%"><span style="font-size: 13px;">節目現場</span><br><span style="font-size: 13px;">Call In專線</span></th></tr>
<tr align="center" valign="middle">
<td class="word_size11" style="text-align: center;" align="center" nowrap="nowrap" bgcolor="#b3b3b3"><span style="font-size: 13px;">臺北總臺</span></td>
<td class="word_size11" style="text-align: center;" align="left" bgcolor="#FFFFFF"><span style="font-size: 13px;">臺北市10066南海路45號</span></td>
<td class="word_size11" style="text-align: center;" nowrap="nowrap" bgcolor="#FFFFFF"><span style="font-size: 13px;">（02）2388-0600</span></td>
<td class="word_size11" style="text-align: center;" nowrap="nowrap" bgcolor="#FFFFFF"><span style="font-size: 13px;">（02）2389-3126</span></td>
<td class="word_size11" style="text-align: center;" nowrap="nowrap" bgcolor="#FFFFFF"><span style="font-size: 13px;">（02）2388-8985</span></td>
</tr>
<tr align="center" valign="middle" bgcolor="#cdd5e5">
<td class="word_size11" style="text-align: center;" align="center" nowrap="nowrap" bgcolor="#b3b3b3"><span style="font-size: 13px;">彰化分臺</span></td>
<td class="word_size11" style="text-align: center;" align="left" bgcolor="#FFFFFF"><span style="font-size: 13px;">彰化市50080虎崗路5之1號</span></td>
<td class="word_size11" style="text-align: center;" bgcolor="#FFFFFF"><span style="font-size: 13px;">（04）726-3070</span></td>
<td class="word_size11" style="text-align: center;" bgcolor="#FFFFFF"><span style="font-size: 13px;">（04）724-8124</span></td>
<td class="word_size11" style="text-align: center;" bgcolor="#FFFFFF"><span style="font-size: 13px;">（04）727-9191</span></td>
</tr>
<tr align="center" valign="middle" bgcolor="#cdd5e5">
<td class="word_size11" style="text-align: center;" align="center" nowrap="nowrap" bgcolor="#b3b3b3"><span style="font-size: 13px;">高雄分臺</span></td>
<td class="word_size11" style="text-align: center;" align="left" bgcolor="#FFFFFF"><span style="font-size: 13px;">高雄市80656廣東三街380號</span></td>
<td class="word_size11" style="text-align: center;" bgcolor="#FFFFFF"><span style="font-size: 13px;">（07）715-0800</span></td>
<td class="word_size11" style="text-align: center;" bgcolor="#FFFFFF"><span style="font-size: 13px;">（07）711-0032</span></td>
<td class="word_size11" style="text-align: center;" bgcolor="#FFFFFF"><span style="font-size: 13px;">（07）723-3066</span></td>
</tr>
<tr align="center" valign="middle" bgcolor="#cdd5e5">
<td class="word_size11" style="text-align: center;" align="center" nowrap="nowrap" bgcolor="#b3b3b3"><span style="font-size: 13px;">花蓮分臺</span></td>
<td class="word_size11" style="text-align: center;" align="left" bgcolor="#FFFFFF"><span style="font-size: 13px;">花蓮市97063東興路457號</span></td>
<td class="word_size11" style="text-align: center;" bgcolor="#FFFFFF"><span style="font-size: 13px;">（038）225-625</span></td>
<td class="word_size11" style="text-align: center;" bgcolor="#FFFFFF"><span style="font-size: 13px;">（038）225-771</span></td>
<td class="word_size11" style="text-align: center;" bgcolor="#FFFFFF"><span style="font-size: 13px;">（038）233-881</span></td>
</tr>
<tr align="center" valign="middle" bgcolor="#cdd5e5">
<td class="word_size11" style="text-align: center;" align="center" nowrap="nowrap" bgcolor="#b3b3b3"><span style="font-size: 13px;">臺東分臺</span></td>
<td class="word_size11" style="text-align: center;" align="left" bgcolor="#FFFFFF"><span style="font-size: 13px;">臺東市95047馬亨亨大道135號</span></td>
<td class="word_size11" style="text-align: center;" bgcolor="#FFFFFF"><span style="font-size: 13px;">（089）324-110</span></td>
<td class="word_size11" style="text-align: center;" bgcolor="#FFFFFF"><span style="font-size: 13px;">（089）328-690</span></td>
<td class="word_size11" style="text-align: center;" bgcolor="#FFFFFF"><span style="font-size: 13px;">（089）318-959</span></td>
</tr>
</tbody>
</table>

補充：修改後的版面如下

yoyo930021 · 2017年10月12日13:02

可能原因：

使用表格排版且寫死寬度與高度
應善用 Bootstrap Grid system 製作 RWD

原始程式：

<div class="static-editor">
    <div style="padding-top: 20px;">
        <img src="http://cms.ner.gov.tw/upload/201506/143435321868917.png" alt="線上收聽APP-標題" width="220" height="44">
    </div>
    <table style="height: 393px;" border="0" summary="*" width="1211" cellspacing="0" cellpadding="0">
        <tbody>
            <tr>
                <td align="left" valign="top" width="1%">
                    <img src="http://cms.ner.gov.tw/upload/201506/143435329406699.png" alt="線上收聽APP圖示" width="218" height="387">
                </td>
                <td align="left" valign="top" bgcolor="#ffffff" width="99%">
                    <table style="height: 380px; width: 976px;" border="0" summary="*" width="1326" cellspacing="1" cellpadding="3">
                        <tbody>
                            <tr>
                                <td style="padding-left: 20px;" align="left" valign="top" nowrap="nowrap" width="10%">
                                    <div class="a2" style="padding: 3px;" align="center">
                                        <strong>下載安裝APP</strong>
                                    </div>
                                    <div class="a2" style="padding: 3px;" align="center">
                                        <img title="Andriod系統QR-code" src="http://cms.ner.gov.tw/upload/201503/142647509759965.jpg"
                                            alt="APP下載QR Code Android" width="250" height="133" border="0">
                                    </div>
                                    <div style="padding: 3px;" align="center">&nbsp;
                                        <img src="http://cms.ner.gov.tw/upload/201503/142656572185706.jpg" alt="APP下載QR Code IOS"
                                            width="250" height="133">
                                    </div>
                                </td>
                                <td style="padding-left: 20px;" align="left" valign="top" width="90%">
                                    <div class="a2" style="padding: 3px;" align="left">
                                        <span style="font-size: 13px;">
                                            <strong>功能說明</strong>
                                        </span>
                                    </div>
                                    <div class="a3 a1_link" style="padding: 3px;" align="left">
                                        <span style="font-size: 13px;">國立教育廣播電臺長期以來致力於營造優質的網路收聽環境，因應智慧型手機、平板電腦日益普及趨勢，以及Web2.0的互動的需求，透過本APP所提供的服 務，方便所有民眾透過各式手持裝置收聽本臺製作的直播或隨選節目，同時結合社群網站延伸互動效應，打造無所不在節目收聽體驗。</span>
                                    </div>
                                    <div class="a3 a1_link" style="padding: 3px;" align="left">
                                        <span style="font-size: 13px;">◎ 本臺facebook連結（
                                            <a tabindex="202" title="按此連結至本臺臉書（另開新視窗）" href="https://www.facebook.com/educationradio"
                                                target="_blank">按此連結至本臺臉書</a>）</span>
                                    </div>
                                    <div class="a3 a1_link" style="padding: 3px;" align="left">
                                        <span style="font-size: 13px;">◎ Android App下載（
                                            <a href="https://play.google.com/store/apps/details?id=com.ner.eradio&amp;hl=zh-TW"
                                                target="_blank">按此連結下載</a>）</span>
                                    </div>
                                    <div class="a3 a1_link" style="padding: 3px;" align="left">
                                        <span style="font-size: 13px;">◎ iOS App下載（
                                            <a href="https://itunes.apple.com/tw/app/jiao-yu0guabg-bo-dian-tai/id968238352?l=zh&amp;mt=8"
                                                target="_blank">按此連結下載</a>）</span>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
    <p>&nbsp;</p>
</div>

建議修改：

<div class="static-editor">
    <div class="row">
        <div class="col-sm-4">
            <img src="http://cms.ner.gov.tw/upload/201506/143435321868917.png" alt="線上收聽APP-標題" style="width:100%;">
        </div>
    </div>
    <div class="row">
        <div class="col-sm-4">
            <img src="http://cms.ner.gov.tw/upload/201506/143435329406699.png" alt="線上收聽APP圖示" style="width:100%;">
        </div>
        <div class="col-sm-4 text-center">
            <h6 style="padding: 12px;">下載安裝APP</h6>
            <img title="Andriod系統QR-code" src="http://cms.ner.gov.tw/upload/201503/142647509759965.jpg" alt="APP下載QR Code Android" style="width:100%;">
            <br>
            <img src="http://cms.ner.gov.tw/upload/201503/142656572185706.jpg" alt="APP下載QR Code IOS" style="width:100%;">
        </div>
        <div class="col-sm-4 text-left">
            <h6 class="text-center" style="padding: 12px;">功能說明</h6>
            <div>國立教育廣播電臺長期以來致力於營造優質的網路收聽環境，因應智慧型手機、平板電腦日益普及趨勢，以及Web2.0的互動的需求，透過本APP所提供的服務，方便所有民眾透過各式手持裝置收聽本臺製作的直播或隨選節目，同時結合社群網站延伸互動效應，打造無所不在節目收聽體驗。</div>
            <div class="text-center">◎ 本臺facebook連結<br>（<a tabindex="202" title="按此連結至本臺臉書（另開新視窗）" href="https://www.facebook.com/educationradio" target="_blank">按此連結至本臺臉書</a>）
            </div>
            <div class="text-center">◎ Android App下載<br>（<a href="https://play.google.com/store/apps/details?id=com.ner.eradio&amp;hl=zh-TW" target="_blank">按此連結下載</a>）
            </div>
            <div class="text-center">◎ iOS App下載<br>（<a href="https://itunes.apple.com/tw/app/jiao-yu0guabg-bo-dian-tai/id968238352?l=zh&amp;mt=8" target="_blank">按此連結下載</a>）
            </div>
        </div>
    </div>
</div>

補充：修改後的版面如下

yoyo930021 · 2017年10月13日07:39

可能原因：

表格樣式寬度寫死沒有善用 Bootstrap

原始程式：

<div class="static-editor">
    <div id="div_width_01" class="word_size01">
        <div>
            <div id="div_width_01" class="word_size01">
                <span style="font-size: 16px;">
                    <strong>廣播節目表查閱</strong>
                </span>
            </div>
            <div class="word_size01">
                <table border="1" width="543">
                    <tbody>
                        <tr>
                            <td style="text-align: center;">
                                <strong>月 份</strong>
                            </td>
                            <td style="text-align: center;" colspan="5">
                                <strong>各 地 節 目 表</strong>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: center;">
                                <a href="http://cms.ner.gov.tw/upload/201709/150657139782315.pdf" target="_blank">106年10月份節目表</a>
                            </td>
                            <td style="text-align: center;">
                                <a href="http://cms.ner.gov.tw/upload/201709/150657142696125.pdf" target="_blank">臺北總臺</a>
                            </td>
                            <td style="text-align: center;">
                                <a href="http://cms.ner.gov.tw/upload/201709/150657146487289.pdf" target="_blank">彰化分臺</a>
                            </td>
                            <td style="text-align: center;">
                                <a href="http://cms.ner.gov.tw/upload/201709/150674317967033.pdf" target="_blank">高雄分臺</a>
                            </td>
                            <td style="text-align: center;">
                                <a href="http://cms.ner.gov.tw/upload/201709/150657154347731.pdf" target="_blank">花蓮分臺</a>
                            </td>
                            <td style="text-align: center;">
                                <a href="http://cms.ner.gov.tw/upload/201709/150657156798614.pdf" target="_blank">臺東分臺</a>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: center;">
                                <span style="color: #0000ff;">
                                    <a href="http://cms.ner.gov.tw/upload/201708/150407715346487.pdf" target="_blank">
                                        <span style="color: #0000ff;">106年9月份節目表</span>
                                    </a>
                                </span>
                            </td>
                            <td style="text-align: center;">
                                <span style="color: #0000ff;">
                                    <a href="http://cms.ner.gov.tw/upload/201708/150407726162788.pdf" target="_blank">
                                        <span style="color: #0000ff;">臺北總臺</span>
                                    </a>
                                </span>
                            </td>
                            <td style="text-align: center;">
                                <span style="color: #0000ff;">
                                    <a href="http://cms.ner.gov.tw/upload/201708/150407728888230.pdf" target="_blank">
                                        <span style="color: #0000ff;">彰化分臺</span>
                                    </a>
                                </span>
                            </td>
                            <td style="text-align: center;">
                                <span style="color: #0000ff;">
                                    <a href="http://cms.ner.gov.tw/upload/201708/150407731510967.pdf" target="_blank">
                                        <span style="color: #0000ff;">高雄分臺</span>
                                    </a>
                                </span>
                            </td>
                            <td style="text-align: center;">
                                <span style="color: #0000ff;">
                                    <a href="http://cms.ner.gov.tw/upload/201708/150407738691080.pdf" target="_blank">
                                        <span style="color: #0000ff;">花蓮分臺</span>
                                    </a>
                                </span>
                            </td>
                            <td style="text-align: center;">
                                <span style="color: #0000ff;">
                                    <a href="http://cms.ner.gov.tw/upload/201708/150407741189887.pdf" target="_blank">
                                        <span style="color: #0000ff;">臺東分臺</span>
                                    </a>
                                </span>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: center;">
                                <a href="http://cms.ner.gov.tw/upload/201708/150166451857569.pdf" target="_blank">106年8月份節目表</a>
                            </td>
                            <td style="text-align: center;">
                                <a href="http://cms.ner.gov.tw/upload/201708/150166456940406.pdf" target="_blank">臺北總臺</a>
                            </td>
                            <td style="text-align: center;">
                                <a href="http://cms.ner.gov.tw/upload/201708/150166480994934.pdf" target="_blank">彰化分臺</a>
                            </td>
                            <td style="text-align: center;">
                                <a href="http://cms.ner.gov.tw/upload/201708/150166500564264.pdf" target="_blank">高雄分臺</a>
                            </td>
                            <td style="text-align: center;">
                                <a href="http://cms.ner.gov.tw/upload/201708/150166503196973.pdf" target="_blank">花蓮分臺</a>
                            </td>
                            <td style="text-align: center;">
                                <a href="http://cms.ner.gov.tw/upload/201708/150166506223550.pdf" target="_blank">臺東分臺</a>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: center;">
                                <span style="color: #0000ff;">
                                    <a href="http://cms.ner.gov.tw/upload/201707/149904954602399.pdf" target="_blank">
                                        <span style="color: #0000ff;">106年7月份節目表</span>
                                    </a>
                                </span>
                            </td>
                            <td style="text-align: center;">
                                <span style="color: #0000ff;">
                                    <a href="http://cms.ner.gov.tw/upload/201707/149904964633919.pdf" target="_blank">
                                        <span style="color: #0000ff;">臺北總臺</span>
                                    </a>
                                </span>
                            </td>
                            <td style="text-align: center;">
                                <span style="color: #0000ff;">
                                    <a href="http://cms.ner.gov.tw/upload/201707/149904971335763.pdf" target="_blank">
                                        <span style="color: #0000ff;">彰化分臺</span>
                                    </a>
                                </span>
                            </td>
                            <td style="text-align: center;">
                                <span style="color: #0000ff;">
                                    <a href="http://cms.ner.gov.tw/upload/201707/149904979198533.pdf" target="_blank">
                                        <span style="color: #0000ff;">高雄分臺</span>
                                    </a>
                                </span>
                            </td>
                            <td style="text-align: center;">
                                <span style="color: #0000ff;">
                                    <a href="http://cms.ner.gov.tw/upload/201707/149904985419036.pdf" target="_blank">
                                        <span style="color: #0000ff;">花蓮分臺</span>
                                    </a>
                                </span>
                            </td>
                            <td style="text-align: center;">
                                <span style="color: #0000ff;">
                                    <a href="http://cms.ner.gov.tw/upload/201707/149904991256791.pdf" target="_blank">
                                        <span style="color: #0000ff;">臺東分臺</span>
                                    </a>
                                </span>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="word_size01">&nbsp;</div>
            <div class="word_size01">
                <span lang="EN-US">
                    <span style="font-size: 16px;">
                        <strong>
                            <a href="http://naviweb.ner.gov.tw/index.php?option=com_content&amp;view=article&amp;id=150&amp;Itemid=354"
                                target="_blank">教育電臺各地收聽頻率簡圖</a>
                        </strong>
                    </span>(</span>
                <span lang="EN-US">
                    <a href="http://naviweb.ner.gov.tw/index.php?option=com_content&amp;view=article&amp;id=150&amp;Itemid=354">http://naviweb.ner.gov.tw/index.php?option=com_content&amp;view=article&amp;id=150&amp;Itemid=354</a>
                </span>
                <span lang="EN-US">)</span>
            </div>
            <div class="word_size01">&nbsp;</div>
            <div class="word_size01">
                <table border="1" summary="各地收聽頻率表" width="761" cellspacing="2" cellpadding="4" align="leftr">
                    <tbody>
                        <tr bgcolor="#cccccc">
                            <th align="center" valign="middle" width="20%">選擇頻道</th>
                            <th align="center" valign="middle" width="80%">收聽頻率</th>
                        </tr>
                        <tr bgcolor="#f3f3f3">
                            <td align="center" valign="middle" width="20%">臺北總臺FM</td>
                            <td align="left" valign="middle" width="80%">基隆-FM100.1 台北、桃園、新竹-FM101.7 宜蘭-FM103.5 金門-FM88.9 馬祖-FM91.5</td>
                        </tr>
                        <tr bgcolor="#ffffff">
                            <td align="center" valign="middle" width="20%">臺北總臺AM</td>
                            <td align="left" valign="middle" width="80%">台北-AM1494、澎湖-FM105.3</td>
                        </tr>
                        <tr bgcolor="#f3f3f3">
                            <td align="center" valign="middle" width="20%">彰化分臺FM</td>
                            <td align="left" valign="middle" width="80%">南投-FM98.1 臺中、彰化、雲林-FM103.5 苗栗-FM103.9</td>
                        </tr>
                        <tr bgcolor="#ffffff">
                            <td align="center" valign="middle" width="20%">高雄分臺FM</td>
                            <td align="left" valign="middle" width="80%">高雄、屏東-FM101.7 澎湖-FM99.1 嘉義、台南-FM107.7、恆春FM99.3</td>
                        </tr>
                        <tr bgcolor="#f3f3f3">
                            <td align="center" valign="middle" width="20%">花蓮分臺FM-1</td>
                            <td align="left" valign="middle" width="80%">花蓮-FM103.7 玉里-FM100.3</td>
                        </tr>
                        <tr bgcolor="#ffffff">
                            <td align="center" valign="middle" width="20%">花蓮分臺FM-2</td>
                            <td align="left" valign="middle" width="80%">花蓮-FM97.3 玉里-FM88.9</td>
                        </tr>
                        <tr bgcolor="#f3f3f3">
                            <td align="center" valign="middle" width="20%">臺東分臺FM-1</td>
                            <td align="left" valign="middle" width="80%">臺東-FM102.9</td>
                        </tr>
                        <tr bgcolor="#ffffff">
                            <td align="center" valign="middle" width="20%">臺東分臺FM-2</td>
                            <td align="left" valign="middle" width="80%">臺東-FM100.5</td>
                        </tr>
                        <tr bgcolor="#f3f3f3">
                            <td align="center" valign="middle" width="20%">臺中AM</td>
                            <td align="left" valign="middle" width="80%">臺中-AM1494&nbsp;</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="word_size01">&nbsp;</div>
        </div>
        <div id="div_width_04" class="word_size01">&nbsp;</div>
    </div>
</div>

建議修改：

<div class="static-editor">
    <div id="div_width_01" class="word_size01">
        <div>
            <div id="div_width_01" class="word_size01">
                <span style="font-size: 16px;">
                    <strong>廣播節目表查閱</strong>
                </span>
            </div>
            <div class="word_size01 table-responsive">
                <table border="1" class="table">
                    <tbody>
                        <tr>
                            <td style="text-align: center;">
                                <strong>月 份</strong>
                            </td>
                            <td style="text-align: center;" colspan="5">
                                <strong>各 地 節 目 表</strong>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: center;">
                                <a href="http://cms.ner.gov.tw/upload/201709/150657139782315.pdf" target="_blank">106年10月份節目表</a>
                            </td>
                            <td style="text-align: center;">
                                <a href="http://cms.ner.gov.tw/upload/201709/150657142696125.pdf" target="_blank">臺北總臺</a>
                            </td>
                            <td style="text-align: center;">
                                <a href="http://cms.ner.gov.tw/upload/201709/150657146487289.pdf" target="_blank">彰化分臺</a>
                            </td>
                            <td style="text-align: center;">
                                <a href="http://cms.ner.gov.tw/upload/201709/150674317967033.pdf" target="_blank">高雄分臺</a>
                            </td>
                            <td style="text-align: center;">
                                <a href="http://cms.ner.gov.tw/upload/201709/150657154347731.pdf" target="_blank">花蓮分臺</a>
                            </td>
                            <td style="text-align: center;">
                                <a href="http://cms.ner.gov.tw/upload/201709/150657156798614.pdf" target="_blank">臺東分臺</a>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: center;">
                                <span style="color: #0000ff;">
                                    <a href="http://cms.ner.gov.tw/upload/201708/150407715346487.pdf" target="_blank">
                                        <span style="color: #0000ff;">106年9月份節目表</span>
                                    </a>
                                </span>
                            </td>
                            <td style="text-align: center;">
                                <span style="color: #0000ff;">
                                    <a href="http://cms.ner.gov.tw/upload/201708/150407726162788.pdf" target="_blank">
                                        <span style="color: #0000ff;">臺北總臺</span>
                                    </a>
                                </span>
                            </td>
                            <td style="text-align: center;">
                                <span style="color: #0000ff;">
                                    <a href="http://cms.ner.gov.tw/upload/201708/150407728888230.pdf" target="_blank">
                                        <span style="color: #0000ff;">彰化分臺</span>
                                    </a>
                                </span>
                            </td>
                            <td style="text-align: center;">
                                <span style="color: #0000ff;">
                                    <a href="http://cms.ner.gov.tw/upload/201708/150407731510967.pdf" target="_blank">
                                        <span style="color: #0000ff;">高雄分臺</span>
                                    </a>
                                </span>
                            </td>
                            <td style="text-align: center;">
                                <span style="color: #0000ff;">
                                    <a href="http://cms.ner.gov.tw/upload/201708/150407738691080.pdf" target="_blank">
                                        <span style="color: #0000ff;">花蓮分臺</span>
                                    </a>
                                </span>
                            </td>
                            <td style="text-align: center;">
                                <span style="color: #0000ff;">
                                    <a href="http://cms.ner.gov.tw/upload/201708/150407741189887.pdf" target="_blank">
                                        <span style="color: #0000ff;">臺東分臺</span>
                                    </a>
                                </span>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: center;">
                                <a href="http://cms.ner.gov.tw/upload/201708/150166451857569.pdf" target="_blank">106年8月份節目表</a>
                            </td>
                            <td style="text-align: center;">
                                <a href="http://cms.ner.gov.tw/upload/201708/150166456940406.pdf" target="_blank">臺北總臺</a>
                            </td>
                            <td style="text-align: center;">
                                <a href="http://cms.ner.gov.tw/upload/201708/150166480994934.pdf" target="_blank">彰化分臺</a>
                            </td>
                            <td style="text-align: center;">
                                <a href="http://cms.ner.gov.tw/upload/201708/150166500564264.pdf" target="_blank">高雄分臺</a>
                            </td>
                            <td style="text-align: center;">
                                <a href="http://cms.ner.gov.tw/upload/201708/150166503196973.pdf" target="_blank">花蓮分臺</a>
                            </td>
                            <td style="text-align: center;">
                                <a href="http://cms.ner.gov.tw/upload/201708/150166506223550.pdf" target="_blank">臺東分臺</a>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: center;">
                                <span style="color: #0000ff;">
                                    <a href="http://cms.ner.gov.tw/upload/201707/149904954602399.pdf" target="_blank">
                                        <span style="color: #0000ff;">106年7月份節目表</span>
                                    </a>
                                </span>
                            </td>
                            <td style="text-align: center;">
                                <span style="color: #0000ff;">
                                    <a href="http://cms.ner.gov.tw/upload/201707/149904964633919.pdf" target="_blank">
                                        <span style="color: #0000ff;">臺北總臺</span>
                                    </a>
                                </span>
                            </td>
                            <td style="text-align: center;">
                                <span style="color: #0000ff;">
                                    <a href="http://cms.ner.gov.tw/upload/201707/149904971335763.pdf" target="_blank">
                                        <span style="color: #0000ff;">彰化分臺</span>
                                    </a>
                                </span>
                            </td>
                            <td style="text-align: center;">
                                <span style="color: #0000ff;">
                                    <a href="http://cms.ner.gov.tw/upload/201707/149904979198533.pdf" target="_blank">
                                        <span style="color: #0000ff;">高雄分臺</span>
                                    </a>
                                </span>
                            </td>
                            <td style="text-align: center;">
                                <span style="color: #0000ff;">
                                    <a href="http://cms.ner.gov.tw/upload/201707/149904985419036.pdf" target="_blank">
                                        <span style="color: #0000ff;">花蓮分臺</span>
                                    </a>
                                </span>
                            </td>
                            <td style="text-align: center;">
                                <span style="color: #0000ff;">
                                    <a href="http://cms.ner.gov.tw/upload/201707/149904991256791.pdf" target="_blank">
                                        <span style="color: #0000ff;">臺東分臺</span>
                                    </a>
                                </span>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="word_size01">&nbsp;</div>
            <div class="word_size01">
                <div lang="EN-US">
                    <span style="font-size: 16px;">
                        <strong>
                            <a href="http://naviweb.ner.gov.tw/index.php?option=com_content&amp;view=article&amp;id=150&amp;Itemid=354" target="_blank">教育電臺各地收聽頻率簡圖</a>
                        </strong>
                    </span>
                </div>
                <span style="word-break:break-all;">(<a href="http://naviweb.ner.gov.tw/index.php?option=com_content&amp;view=article&amp;id=150&amp;Itemid=354">http://naviweb.ner.gov.tw/index.php?option=com_content&amp;view=article&amp;id=150&amp;Itemid=354</a>)</span>
            </div>
            <div class="word_size01">&nbsp;</div>
            <div class="word_size01 table-responsive">
                <table class="table" border="1" summary="各地收聽頻率表" cellspacing="2" cellpadding="4" align="leftr">
                    <tbody>
                        <tr bgcolor="#cccccc">
                            <th align="center" valign="middle" width="20%">選擇頻道</th>
                            <th align="center" valign="middle" width="80%">收聽頻率</th>
                        </tr>
                        <tr bgcolor="#f3f3f3">
                            <td align="center" valign="middle" width="20%">臺北總臺FM</td>
                            <td align="left" valign="middle" width="80%">基隆-FM100.1 台北、桃園、新竹-FM101.7 宜蘭-FM103.5 金門-FM88.9 馬祖-FM91.5</td>
                        </tr>
                        <tr bgcolor="#ffffff">
                            <td align="center" valign="middle" width="20%">臺北總臺AM</td>
                            <td align="left" valign="middle" width="80%">台北-AM1494、澎湖-FM105.3</td>
                        </tr>
                        <tr bgcolor="#f3f3f3">
                            <td align="center" valign="middle" width="20%">彰化分臺FM</td>
                            <td align="left" valign="middle" width="80%">南投-FM98.1 臺中、彰化、雲林-FM103.5 苗栗-FM103.9</td>
                        </tr>
                        <tr bgcolor="#ffffff">
                            <td align="center" valign="middle" width="20%">高雄分臺FM</td>
                            <td align="left" valign="middle" width="80%">高雄、屏東-FM101.7 澎湖-FM99.1 嘉義、台南-FM107.7、恆春FM99.3</td>
                        </tr>
                        <tr bgcolor="#f3f3f3">
                            <td align="center" valign="middle" width="20%">花蓮分臺FM-1</td>
                            <td align="left" valign="middle" width="80%">花蓮-FM103.7 玉里-FM100.3</td>
                        </tr>
                        <tr bgcolor="#ffffff">
                            <td align="center" valign="middle" width="20%">花蓮分臺FM-2</td>
                            <td align="left" valign="middle" width="80%">花蓮-FM97.3 玉里-FM88.9</td>
                        </tr>
                        <tr bgcolor="#f3f3f3">
                            <td align="center" valign="middle" width="20%">臺東分臺FM-1</td>
                            <td align="left" valign="middle" width="80%">臺東-FM102.9</td>
                        </tr>
                        <tr bgcolor="#ffffff">
                            <td align="center" valign="middle" width="20%">臺東分臺FM-2</td>
                            <td align="left" valign="middle" width="80%">臺東-FM100.5</td>
                        </tr>
                        <tr bgcolor="#f3f3f3">
                            <td align="center" valign="middle" width="20%">臺中AM</td>
                            <td align="left" valign="middle" width="80%">臺中-AM1494&nbsp;</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="word_size01">&nbsp;</div>
        </div>
        <div id="div_width_04" class="word_size01">&nbsp;</div>
    </div>
</div>

補充：修改後的版面如下

yoyo930021 · 2017年10月13日07:49

可能原因：

使用表格排版且寬度寫死
請善用 bootstrap grid

原始程式：

<table style="height: 152px; width: 900px;" border="0" summary="*" width="1258" cellspacing="0" cellpadding="0">
    <tbody>
        <tr>
            <td align="left" valign="middle" width="1%">
                <img title="著眼價值（Value）延伸腳步" src="http://cms.ner.gov.tw/upload/201506/143505368337574.jpg" alt="電台願景-台北總台" width="204"
                    height="129" border="0">
            </td>
            <td style="padding-left: 10px;" align="left" valign="top">
                <div class="div_word_a2" style="padding: 0px 10px 10px 10px;">
                    <p>國立教育廣播電臺自民國49年3月29日開播，始終堅持教育文化專業，除了臺北總臺，還有彰化、高雄、花蓮及臺東4個分臺，及遍佈全國21個臺站及1個節目中心，製播豐富多元的節目，提供教育文化資訊。105年起，本於利基化、國際化、分眾化及全媒體化四大目標，期盼引領教育趨勢，成為最具影響力的國家教育專業電臺。</p>
                </div>
            </td>
        </tr>
    </tbody>
</table>

建議修改：

<div class="row">
    <div class="col-sm-6">
        <img style="width:100%" title="著眼價值（Value）延伸腳步" src="http://cms.ner.gov.tw/upload/201506/143505368337574.jpg" alt="電台願景-台北總台" border="0">
    </div>
    <div class="col-sm-6">
        <p>國立教育廣播電臺自民國49年3月29日開播，始終堅持教育文化專業，除了臺北總臺，還有彰化、高雄、花蓮及臺東4個分臺，及遍佈全國21個臺站及1個節目中心，製播豐富多元的節目，提供教育文化資訊。105年起，本於利基化、國際化、分眾化及全媒體化四大目標，期盼引領教育趨勢，成為最具影響力的國家教育專業電臺。</p>
    </div>
</div>

補充：修改後的版面如下

yoyo930021 · 2017年10月14日06:31

可能原因：

表格不當使用與內部樣式處理不當
消極修復方法使用 overflow-y: hidden;

原始程式：

<div class="static-editor">

建議修改：

<div class="static-editor" style="overflow-y: hidden ;">