水利署水利規劃試驗所全球資訊網-許家瑀

網站

水利署水利規劃試驗所全球資訊網

姓名

許家瑀

日期

2017-11-15

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

iPad Pro
1366 * 768

作業系統版本

iOS 11.1 (15B93)
window 10(1703)

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

Chrome:版本 62.0.3202.94 (正式版本) (64 位元)
Safari:版本 11.1

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

太多右側吃吃吃吃吃
例1.首頁>重點業務與回顧>水資源類>規劃成果回顧-寶山第二水庫:延伸表1 寶山第二水庫重要成果報告 超框囉!

例2.首頁>規劃工具與知識>區域排水類>區域排水概況:台灣跑掉了

例3. 首頁>規劃工具與知識>試驗類>常用專有名詞-試驗類常用專有名詞:表格吃掉

例4.首頁>規劃工具與知識>水資源類>規劃工具-地下水數值模式:公式被吃掉

有跑版(影響閱讀)問題

safari 表格跑掉
1.首頁>重點業務與回顧>試驗類>試驗成果回顧-基隆河員山子分洪水工模型試驗研究
圖1
2.首頁>規劃工具與知識>區域排水類>區域排水概況
圖2


首頁>已結案委辦計畫查詢統計>計畫件數與經費統計:safari 跑


首頁>服務窗口 >發布消息>動態報導-106年度臺美水資源發展支援協議第八號附錄圓滿完成:第一段文字靠左了

有出現亂碼

有壞掉的連結

banner:員工入口網連結死


首頁>服務窗口>其他服務>意見信箱:右上「處理原則」、「作業規定」連結皆死


首頁>行政資訊>人事資訊>認識國際人權公約(兩公約)-兩公約國際審查會議宣傳短片:內涵的短片連結毀損

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

無|N/A

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

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

網頁的版面好像比較大(可以左右移動)?


首頁>規劃工具與知識>試驗類>常用專有名詞-試驗類常用專有名詞:名詞不一


首頁>規劃工具與知識>區域排水類>規劃工具:多『>』符號(?)

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

網站提供了大量的照片資料,建議可點選放大供民眾看得更加清楚。


首頁>重點業務與回顧>區域排水類>現行重點業務-排水水文水理模式發展:期程…where???


建議標號不要重複。可按「壹、一、(一)、1.、(1)、A、a」的次序排列。


每個項目的資料都非常龐大,卷軸通常會滾到很下方,建議可新增「回top」按鈕,方便民眾直接再從麵包屑點入所需要的資料頁中。


首頁>行政資訊>人事資訊>法規專區-有關公教人員曾服軍職年資併計請頒服務獎章事宜:檔案檔名似乎忘記輸入(?)


多處相關連結都是直接給予網址,建議可將網址改成連接到的頁面名稱。


行動版沒有最下面這個耶~~~看要不要補放上去。

問題描述

可能原因

  1. 上方 h2span 寫死寬度(350px) ,導致超出

  2. table 內儲存格 tdnowrap 屬性,禁止文字換行,導致表格超出

  3. 圖片寬度未指定 100% 導致超出

  4. 公式部分是採用 MathJSX 繪製,需要調整 MathJSX 參數以符合寬度較小之 Viewport

問題描述

可能原因

.am-table > thead > tr > th, .am-table > tbody > tr > th, .am-table > tfoot > tr > th, .am-table > thead > tr > td, .am-table > tbody > tr > td, .am-table > tfoot > tr > td {
   padding: 0.4;
}
.am-table-compact > thead > tr > th, .am-table-compact > tbody > tr > th, .am-table-compact > tfoot > tr > th, .am-table-compact > thead > tr > td, .am-table-compact > tbody > tr > td, .am-table-compact > tfoot > tr > td {
   padding: 0.4;
}

造成跑版

問題描述

可能原因

text-align: right;