金融監督管理委員會_姿瑩

網站

金融監督管理委員會

姓名

吳姿瑩

檢測日期

(2018-04-03)

檢測裝置

Samsung Galaxy A8 SM-A530F

作業系統 與 瀏覽器版本

Android 7.1.1
Chrome版本:Chrome 61.0.3163.98

解析度(手機螢幕)

360X740 Pixels

是否會自動跳入行動版欄位?

壞掉的連結

  • (問題頁面單一網址):

跑版(影響閱讀)問題

  • 首頁
    點選金管會logo會閃跳圖片。(解法回文連結)

    圖一為點選按鍵

    金管會3

    圖2為閃跳畫面

    S_7731079423776





金管會8



無法操作的網頁元素(如按鈕不能按、選單不能選等)


出現亂碼

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

網站載入緩慢(相對一般網站)

閱讀模式

我是安卓

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

  • 首頁>選單Menu>機關介紹>組織架構 :

    點選任一個選單,尤於是由網頁轉型行動,會先跳到網頁再到行動,載入會較緩慢,希望能改掉跳出loading的整個分類連結畫面,點選每一個選單都會出現這樣的情況。解法回文連結

    圖一是我點了組織架構後應該直接出現的畫面

    金管會2

    圖二是我點了組織架構後會跳出loading的整個分類連結畫面

    金管會1

對此網站建議(非程式問題皆放置這裡)

首長言論集可以增加,上面大多為空白

問題

可能問題

排版div設定問題

原始程式

金融監督管理委員會全球資訊網 : 2527

     <div style="float: right; margin-right: 10px">造訪人數: 42689447</div>
     <div style="float: right; margin-right: 15px">更新日期:2018-04-14</div>

建議修改

如果允許更改排版,也就是把「造訪人數」跟「更新日期」換到下一行的話,這樣就把往前移就好

...
</div>
  <div style="float: right; margin-right: 10px">造訪人數: 42689447</div>
  <div style="float: right; margin-right: 15px">更新日期:2018-04-14</div>

但是如果想保持排版不變的話,比較簡單的方法是用bootstrap這樣有RWD自適應的框架,所提供的grid會是最快的,如果不打算這樣的話,可能就要css file那邊 @media 時候調整div的性質了,可能就把div設定成display: flex,且flex-warp : no-warp;,但是手機就要warp

補充

圖片

問題

可能原因

本來就沒建連結了(電腦版),但是有另外一件很明顯的事是
「table在手機排版上又爆炸了」

問題

可能原因

圖片
正如你所看到的,Linked CSE and Auto CSE will be turned off on May 10th, 2017,請根據這份google官方文件對後台做更新