網站

經濟部台灣中油(股)公司電子發票服務平台

姓名

黃子菡

檢測日期

2018-5-16

檢測裝置

iPhone X
MacBook Pro (Retina, 13-inch, Early 2015)

作業系統 與 瀏覽器版本

iOS 11.3/ Safari 11.3
macOS 10.13.4 Beta/ Chrome 65.0.3325.181

解析度（手機螢幕）

375 x 812 pixels

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

是

壞掉的連結

無

跑版（影響閱讀）問題

1. 首頁

Logo 跟選單重疊 (解法回文連結)

文字排版難閱讀 (解法回文連結)

2. 首頁 > Ｑ＆Ａ
   超出版面 (解法回文連結)
   

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

無

出現亂碼

無

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

無

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

無

閱讀模式

不可以用

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

無

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

1. 像是中油的分頁，網頁主要為查詢功能本身無內容

問題：

可能原因：

圖片寬度被寫死

原始程式：

位置：https://member.gas.cpc.com.tw/ThirdParty/CPC_M/assets/css/global.css :123

@media screen and (max-width: 480px) {
	.header .detail a.logo img{
		height:68px;
		width:auto;
		margin-left:20px;
	}
}

位置：https://member.gas.cpc.com.tw/ThirdParty/CPC_M/assets/css/global.css :126

@media screen and (max-width: 480px) {
	.header .other_button{
		margin-left:10px;
		font-size:16px;
		position:absolute;
		bottom:10px;
		top:auto;
		right:20px;
	}
}

建議修改：

刪除logo圖的長寬限制

@media screen and (max-width: 480px) {
	.header .detail a.logo img{
		margin-left:20px;
	}
}

移動 回首頁 的連結位置

@media screen and (max-width: 480px) {
	.header .other_button{
		font-size:16px;
		margin-top:2px;
		text-align:right;
	}
}

補充：

問題：

可能原因：

選項寬度被寫死

原始程式：

位置：https://member.gas.cpc.com.tw/ThirdParty/CPC_M/assets/css/global.css :35

.content ul.btn_main li{
	color:#FFF;
	font-size:26px;
	line-height:80px;
	width:33.3%;
	text-align:center;
	float:left;
	box-sizing: border-box;
	background-color: rgba(0, 116, 255, 0.4);
}

建議修改：

刪除寬度限制

.content ul.btn_main li{
	color:#FFF;
	font-size:26px;
	line-height:80px;
	text-align:center;
	float:left;
	box-sizing: border-box;
	background-color: rgba(0, 116, 255, 0.4);
}

補充：

問題：

#可能原因：
區塊寬度被寫死

原始程式：

位置：https://member.gas.cpc.com.tw/ThirdParty/CPC_M/assets/css/jquery.ui.question.css :6

#qaContent {
	width: 1000px;
}

建議修改：

刪除寬度限制

#qaContent {
}

補充：

結尾：

在css中加上display屬性，日期才不會被斷行

span{
	display:inline-block;
}