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

ray 內政部
, ,
#1

網站

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

姓名

吳姿瑩

檢測日期

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

#2

問題

可能原因

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

#3

問題

可能原因

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

#4

問題

可能原因

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

補充

image