內政部役政署備役替代役資訊網-姿瑩

網站

內政部役政署備役替代役資訊網

姓名

吳姿瑩

檢測日期

2018-05-15

檢測裝置

Samsung Galaxy A8 SM-A530F

作業系統 與 瀏覽器版本

Android 7.1.1
Chrome 61.0.3163.98

解析度(手機螢幕)

360X740 Pixels

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

壞掉的連結


跑版(影響閱讀)問題



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

*[首頁](備役替代役資訊網]
四個按鈕都變成跳到最上面解法回文連結
02

出現亂碼

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

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

閱讀模式

我是安卓

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

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

選單可以再做改動,閱讀時會佔住上方的位置,有點影響閱讀。
24

問題

可能原因

固定圖片大小(不過輪播圖js一直跳害我一直抓不到)

問題

可能原因

目前看下來的問題大多都是用padding排版
沒有考慮過手機上閱讀的可能
最治標的解法就是把按鈕的padding註解掉或者做一點調整
治本請重用bootstrap grid寫

問題

可能原因

跟樓上都一樣,都用margin, padding調
如果今天你能夠在後端語言(現在已經不只php了所以就不舉例)或前端js動態調整margin/ padding就算了,沒有這樣做代表從一開始就沒有做手機版
這邊錯是因為margin,最快也就是把margin看要是砍掉還是調小
不過良心建議,還是用grid修一修

補充

image