財政部關務署高雄關全球資訊網-談宇綺

網站

財政部關務署高雄關全球資訊網

姓名

談宇綺

日期

2017-11-06

瀏覽器解析度(iOS的Safari填裝置名稱 macOS填瀏覽器解析度)

iPad Air2

作業系統版本

iOS 10.2

瀏覽器版本(iOS的Safari填iOS版本)

Chrome:版本 61.0.3163.73
Safari:iOS 10.2

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

有跑版(影響閱讀)問題

有出現亂碼

有壞掉的連結

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

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

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

對此網站建議(給個建議吧)

1.[通關查詢][高雄港船舶動態查詢]中的介面建議重新設計。
2. 主要頁面的介面設計很不錯,顏色單一,不導致畫面混亂。
3.最下方清單可收起的設計很棒!

問題

可能原因

未放上正確連結

原始程式

<a onkeypress="this.click();" href="/Default.aspx" title="[開啟新連結]電子報 (連結至高雄關電子報)" target="_blank" rel="noopener noreferrer" class="aspx">電子報 (連結至高雄關電子報)</a>

建議修改

<a onkeypress="this.click();" href="_放上正確連結_" title="[開啟新連結]電子報 (連結至高雄關電子報)" target="_blank" rel="noopener noreferrer" class="aspx">電子報 (連結至高雄關電子報)</a>


問題

無法開啟
是指點下doc.pdf後無法下載嗎?

#問題

#可能原因
移動式裝置無法有hover效果

建議修改

內政部建築研究所為例
導覽列使用bootstrap.js寫好的dropdown效果
達到點擊才列出下方列表的效果

範例:

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    _第一層選單_
  </button>
    <a class="dropdown-item" href="#">_第二層選單_</a>
    <a class="dropdown-item" href="#">_第二層選單_</a>
    <a class="dropdown-item" href="#">_第二層選單_</a>
  </div>
</div>