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

網站

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

姓名

吳姿瑩

檢測日期

2018-04-20

檢測裝置

Samsung Galaxy A8 SM-A530F

作業系統 與 瀏覽器版本

Android 7.1.1
Chrome 61.0.3163.98

解析度(手機螢幕)

360X740 Pixels

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

壞掉的連結



跑版(影響閱讀)問題








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

出現亂碼

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

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

閱讀模式

我是安卓

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



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

問題

可能原因

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

問題

可能原因

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

問題

可能原因

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

問題

可能問題

固定圖片大小

建議修改

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,

補充

問題

可能原因

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