教育部國立臺灣科學教育館---吳姿瑩

ray 教育部
, ,
#1

網站

教育部國立臺灣科學教育館

姓名

吳姿瑩

檢測日期

2018-04-20

檢測裝置

Samsung Galaxy A8 SM-A530F

作業系統 與 瀏覽器版本

Android 7.1.1
Chrome 61.0.3163.98

解析度（手機螢幕）

360X740 Pixels

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

是

壞掉的連結

  • 首頁
    連結會導到電腦版，不能連結行動版
    DK9

跑版（影響閱讀）問題

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

無

出現亂碼

無

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

無

網站載入緩慢（相對一般網站）

無

閱讀模式

我是安卓

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

  • 首頁
    點選任一按鈕，都只能跳電腦網頁版畫面
    科教3

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

#2

問題

可能原因

我這邊沒發現，不過就圖片看起來不影響整體閱讀或操作？

#3

問題

可能原因

其實她這個排版已經蠻接近原始電腦排版了，也沒有太大導致無法閱讀或操作
看起來就是圖片高了點，真的要修的話看要不要用bootstrap grid或flex修一下就好

#4

問題

可能原因

相較於前面的，這個就有點太多了
能把table這個東西發揮到這麼淋漓盡致，真不知道應該誇獎還是傻眼
一開始定義5% + 90% + 5%的table，但是又在邊緣那個5%的裡面塞一個固定大小的背景圖
整個架構就是建立在以開發者螢幕顯示器為主的，危險平衡的網頁阿
而且就是開發者明明都有5% + 90% + 5%的這種觀念了
轉換成bootstrap grid過程應該也蠻簡單的
不想用bootstrap用通用的display: flex也可

#5

問題

可能問題

固定圖片大小

建議修改

width: 100%; height: 100%;

<img src="/UserFiles/image/exhibition/2015/2015_exh_1229_001.png" width="100%" height="100%" alt="新館徽造型的設計呼應本館的品牌精神Science Plus，科學能為人帶來加值的生活，在探索奧妙有趣的科學世界時，經常能發現驚喜，引發連連的讚嘆，造型設計以「Science Plus」的「S」、「＋」、「！」結合。" title="新館徽造型的設計呼應本館的品牌精神Science Plus，

補充

image

#6

問題

可能原因

這不叫做跑版，這是圖片「圍繞」吧？原本電腦版排版也是類似的排版