投資業務處網站-許家瑀

ray 經濟部
#1

網站

投資業務處網站

姓名

許家瑀

日期

2017-11-05

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

iPad Pro
1366 * 768

作業系統版本

iOS 11.1 (15B93)
window 10（1703）

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

Chrome：版本 62.0.3202.75 (正式版本) (64 位元)
Safari：版本 11.1

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

無

有跑版（影響閱讀）問題

首頁>出版品>台灣宣導短片：超框

  1. google

    2.safari

首頁>僑外來台投資：跑版

首頁>延攬海外人才：跑版

有出現亂碼

無

有壞掉的連結

首頁>為民服務>資料開放專區：下載非ODF檔的連結似乎不是下載檔 ?
圖1

圖2

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

無|N/A

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

無

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

網址應為：https://www.dois.moea.gov.tw/

首頁>投資相關協定>自由貿易協定：前四項無連結

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

#2

問題描述

可能原因

沒有做 RWD。

影片的 RWD 可以參考

#3

問題描述

可能原因

因為內文呈現空間不夠高，而該區塊又包含

.businessFocusBox a.go {
    bottom: 100px;
}

導致區塊往上移動，可以考慮在內文較短的時候，將 bttom 設為 0。

但建議避免使用 position: absolute 的方式來放置內容（很容易和其他元素重疊）

可考慮置於半部 div 內，再透過 flex 進行排版。

flexbox 可以參考

http://flexboxfroggy.com