外交部外交及國際事務學院 - 龎袿方

ray 外交部
#1

網站

外交部外交及國際事務學院

姓名

龎袿方

日期

2017-10-27

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

iPad Air (MD789TA/B)

作業系統版本

Windows 10 專業版
11.0.3 (15A432)

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

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

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

無

有跑版（影響閱讀）問題

圖1

圖1

有出現亂碼

無

有壞掉的連結

無

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

無|N/A

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

無

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

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

  • 須注意首頁輪播的圖的解析度，及是否適合拉至該大小
#2

可能原因：

css width 寫死 撐開網頁

原始程式：

https://www.mofa.gov.tw/idia/css/index.css

.opnemenu_area{ clear:both; z-index:100000; /*height:200px;*/ width:1024px; margin:0 auto; margin-top:30px; background:url(../images/footermenubg01.png) repeat-x #EFEFEF; position:relative;}
.allmenu{ width: 1000px; margin:0 auto; padding-top:15px; padding-left:90px;}
.fontlevel{	position:absolute; right:-28px;top:12px; *top:1px; width:110px;  height:22px; font-size: 0.9em; color: rgb(50, 52, 53); padding:2px 0px 0px 4px;  *padding:15px 0px 0px 4px;}

建議修改：

.opnemenu_area{ clear:both; z-index:100000; /*height:200px;*/ margin:0 auto; margin-top:30px; background:url(../images/footermenubg01.png) repeat-x #EFEFEF; position:relative;}
.allmenu{  margin:0 auto; padding-top:15px; padding-left:90px;}
.fontlevel{	position:absolute; right:0px;top:12px; *top:1px;  height:22px; font-size: 0.9em; color: rgb(50, 52, 53); padding:2px 0px 0px 4px;  *padding:15px 0px 0px 4px;}
#3

外交部於2/27來函說明已依照建議完成相應處理