交通部民用航空局全球資訊網－龎袿方

ray 交通部
#1

網站

交通部民用航空局全球資訊網

姓名

龎袿方

日期

2017-11-22

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

iPad Air (MD789TA/B)

作業系統版本

Windows 10 專業版（SP1）
11.0.3 (15A432)）

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

Chrome：版本 61.0.3163.100 (正式版本) (64 位元)
Safari：版本 11.0.3 (15A432)

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

無

有跑版（影響閱讀）問題

圖1

有出現亂碼

無

有壞掉的連結

無

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

圖1

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

無

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

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

是充滿各種子連結與檔案的網站，也許有的較重要資訊可以不用檔案下載的方式，而是以網頁的方式提供，會較適合現在的使用習慣。另建議網頁美化 ><

#2

可能的原因：

不當的排版與樣式設定

原始程式：

<div class="container">
               <div class="row">
   			    		
                   <div class="col-sm-3 col-xs-12" onclick="send1()" style="cursor:pointer;background-image:url(/big5/images/1.png);background-size:100% 100%;font-size: 22pt;margin:1%;padding:2%;width:25%;background-repeat: no-repeat;">
                   		        	<br><br><br><br><br><center>民眾權益維護、<br>投訴、具體建議</center><br>
                   </div>
                   <div class="col-sm-3 col-xs-12" onclick="send2()" style="cursor:pointer;background-image:url(/big5/images/3.png);background-size:100% 100%;font-size: 22pt;margin:1%;padding:2%;width:25%;background-repeat: no-repeat;">
                   		        	<br><br><br><br><br><center>航空從業人員<br>對飛安意見</center><br>
                   </div>
                   <div class="col-sm-3 col-xs-12" onclick="send3()" style="cursor:pointer;background-image:url(/big5/images/4.png);background-size:100% 100%;font-size: 22pt;margin:1%;padding:2%;width:25%;background-repeat: no-repeat;">
                   		        	<br><br><br><br><br><center>檢舉不法情事<br>&nbsp;</center><br>
                   </div>

               </div>
           </div>

建議修改：

<div style="width:100%;">
    <div class="row">

        <div class="col-sm-4 col-xs-12" onclick="send1()" style="cursor:pointer;background-image:url(/big5/images/1.png);background-position:center;background-size:contain;font-size: 18pt;padding:2%;background-repeat: no-repeat;">
            <br>
            <br>
            <br>
            <br>
            <br>
            <center>民眾權益維護、
                <br>投訴、具體建議</center>
            <br>
        </div>
        <div class="col-sm-4 col-xs-12" onclick="send2()" style="cursor:pointer;background-image:url(/big5/images/3.png);background-position:center;background-size:contain;font-size: 18pt;padding:2%;background-repeat: no-repeat;">
            <br>
            <br>
            <br>
            <br>
            <br>
            <center>航空從業人員
                <br>對飛安意見</center>
            <br>
        </div>
        <div class="col-sm-4 col-xs-12" onclick="send3()" style="cursor:pointer;background-image:url(/big5/images/4.png);background-position:center;background-size:contain;font-size: 18pt;padding:2%;background-repeat: no-repeat;">
            <br>
            <br>
            <br>
            <br>
            <br>
            <center>檢舉不法情事
                <br>&nbsp;</center>
            <br>
        </div>

    </div>
</div>