臺北松山機場—黃嘉旭

ray 交通部
#1

網站

台北松山機場

姓名

黃嘉旭

日期

2017—11–29

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

1440 * 900

作業系統版本

macOS 10.13.1（17B48）

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

Chrome：版本 62.0.3202.94 (正式版本) (64 位元)
Safari：版本 11.0.1（13604.3.5）

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

有跑版（影響閱讀）問題

[首頁 > 意見交流 > 民意論壇 > 民意論壇]：民意論壇 Checkbox 歪掉

[首頁]>[公告資訊]>[飛安宣導]：飛安宣導跑版

首頁： App 下載圖示擠壓，建議更改比例

首頁>網站資料開放宣告：資料開放宣告標題切到邊邊

有出現亂碼

無

有壞掉的連結

無

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

無

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

無

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

「隱私權政策」Title 壞掉

「資料開放政策」Title 壞掉

「網站資料開放宣告」Title 壞掉

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

☆☆
沒有 RWD 適應式設計，建議改版

#2

問題：

[首頁 > 意見交流 > 民意論壇 > 民意論壇]：民意論壇 Checkbox 歪掉

可能原因：

間距設定問題

建議修改：

添加以下 css 原始碼

#topflag {
    margin: 8px 8px;
}

補充：修改後的版面如下

#3

問題：

[首頁]>[公告資訊]>[飛安宣導]：飛安宣導跑版

可能原因：

圖片寬度大小寫死

原始程式：

<img alt="示意圖" src="/tsa/images/epost/images/未命名.png" style="height: 262px; width: 931px">

<img alt="" src="/tsa/images/epost/images/示意圖(1).JPG" style="height: 703px; width: 1196px">

建議修改：

<img alt="示意圖" src="/tsa/images/epost/images/未命名.png" style=" width: 100%;">

<img alt="" src="/tsa/images/epost/images/示意圖(1).JPG" style="width: 100%">

補充：修改後的版面如下

#4

問題：

首頁： App 下載圖示擠壓，建議更改比例

可能原因：

目前每張圖片大小不一，強制調整成一樣的視覺長寬導致變形。建議重新製作圖片，修改成統一大小。

以下為 height = 100% 結果

#5

問題：

首頁>網站資料開放宣告：資料開放宣告標題切到邊邊

可能原因：

調整間距即可

原始程式：

<div style="height:45px; color:#FFF; font-size:19px; text-align:center;">
		-網站資料開放宣告-</div>

建議修改：

<div style="height:45px; color:#FFF; font-size:19px; text-align:center;padding-top: 10px;">
		-網站資料開放宣告-</div>

補充：修改後的版面如下

#6

問題：

「隱私權政策」Title 壞掉

「資料開放政策」Title 壞掉

「網站資料開放宣告」Title 壞掉

原始程式：

<head id="Head1">
<title>	&lt;html&gt;
&lt;body&gt;
網站資料開放宣告
&lt;/body&gt;
&lt;/html&gt;
 | 臺北松山機場
</title><

建議修改：

head tag 裡面的 title 修改即可

<head id="Head1">
<title>
網站資料開放宣告 | 臺北松山機場
</title>

補充：修改後的版面如下