內政部戶政司-盧苡萱

ray 內政部
, ,
#1

網站

內政部戶政司

姓名

盧苡萱

檢測日期

2018-04-14

檢測裝置

iphone7

作業系統 與 瀏覽器版本

iOS11.2

解析度（手機螢幕）

375x667

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

是

壞掉的連結

無

跑版（影響閱讀）問題

[color=red]多個頁面跑版(整個網站)(只列舉幾個連結)[/color]

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

無

出現亂碼

無

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

無

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

無

閱讀模式

不可以用

其他

[color=red]多個跳出行動版至網頁版[/color]

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

[color=red]整個網頁都跑版，亂糟糟[/color]

[color=red]多個按鈕太簡陋[/color]

[color=red]多個未標示清楚有檔案下載[/color]

#2

太慘了無法列舉
以下建議

  1. footer 重新設計，不要寬度寫死
  2. content 圖片穿插文字，全都寫死寬度手機很難看
  3. 穿插各種js, cookie 不美觀也不好維護
  4. 變數命名需更有意義
#3

問題：

footer太寬

可能原因：

footer 寬度寫死

原始程式：

.footer {
	background: #434445; /* for IE8 (rgba is unsupported) */
	background: rgba(67,68,69,.6) none repeat scroll 0 0;
	margin: 6px auto;
	max-width: 90%; 
	width: 960px; 
	min-width: 960px;
	position: relative;
	font: normal 1.4em/1.6em 'Microsoft JhengHei', Helvetica, Arial, sans-serif !important;
	border-spacing: 8px;
	box-sizing: border-box;
	box-shadow: 0 3px 5px 2px rgba(0,0,0,.16), 0 3px 10px 6px rgba(0,0,0,.12) !important;
	margin-top: 24px;
}

建議修改：

.footer {
	background: #434445; /* for IE8 (rgba is unsupported) */
	background: rgba(67,68,69,.6) none repeat scroll 0 0;
	margin: 6px auto;
	/* max-width: 90%; */
	/* width: 960px; */
	min-width: 960px;
	position: relative;
	font: normal 1.4em/1.6em 'Microsoft JhengHei', Helvetica, Arial, sans-serif !important;
	border-spacing: 8px;
	box-sizing: border-box;
	box-shadow: 0 3px 5px 2px rgba(0,0,0,.16), 0 3px 10px 6px rgba(0,0,0,.12) !important;
	margin-top: 24px;
}

css link

補充

結尾(選填，可增加網站建議)